HTML Layout. Ext Components in Plain HTML

[jcmartinez]

My application is in Ext 3 and I'm migrating to Ext 4. I made some changes to the 'Ext.ux.layout.HtmlLayout' component, but the components are not rendering properly. Here is the components code:


Ext.define('Ext.ux.layout.HtmlLayout', {
extend: 'Ext.layout.container.Container',
alias: ['layout.ux.html'],
alternateClassName: 'Ext.layout.HtmlLayout',
renderItem: function (c, target, position) {
if (!c.rendered) {
if (c.renderTarget) {
target = Ext.DomQuery.selectNode(c.renderTarget, Ext.getDom(target));
} else if (c.applyTarget) {
var el = Ext.DomQuery.selectNode(c.applyTarget, Ext.getDom(target));
if (!c.rendered) {
c.el = el;
}
target = el.parentNode;
}
Ext.layout.HtmlLayout.superclass.renderItem.call(this, c, target, position);
}
}
});


You can see the result in the next image. I don't see the Date Icon (to the right of date fields) and the datefields are at the left (they should have to be on top of "IMPORTE"). Does anybody can help me ?

30460
regards and thank's in advance

[mitchellsimoens]

Best way to get support for a community extension is to go to the author.

[jcmartinez]

Best way to get support for a community extension is to go to the author.
The component was originally made in Ext 3 and It was working properly. I made some changes for Ext 4. Then, I'd like to know what's missing or why it's not working properly en Ext 4.

regards