PDA

View Full Version : bug fieldcontainer layout type 'HBOX'....



macielcr7
25 Jul 2012, 11:31 AM
fieldcontainer layout bug type 'HBox' ....
when I put a textfield and a button is like the image below ...
37479

follows the code ...



{
xtype: 'fieldcontainer',
autoHeight: true,
hideLabel: true,
layout: {
align: 'stretch',
type: 'hbox'
},
items: [
{
xtype: 'textfield',
name: 'cabo_fibra_nome',
id: 'cabo_fibra_id_splitter_porta_nome',
readOnly: true,
flex: 1,
anchor: '100%',
fieldLabel: 'Cabo Fibra'
},
{
xtype: 'button',
hidden: true,
id: 'cabo_fibra_id_splitter_porta_button',
margins: '15 0 0 5',
iconCls: 'bt_cancel'
}
]
}

mitchellsimoens
25 Jul 2012, 11:38 AM
What's the bug?

macielcr7
25 Jul 2012, 11:40 AM
see the size of the textfield ...
if an combobox or NumberField be normal

mitchellsimoens
25 Jul 2012, 11:42 AM
Inspect the DOM, did the button make the textfield larger?

macielcr7
25 Jul 2012, 11:44 AM
the same error happens if a textfield to a combobox or NumberField ...
is not because the button does not ...

mitchellsimoens
25 Jul 2012, 2:11 PM
What browser? On Chrome and using 4.1.1 inspecting the <input> elements they are all 22px tall as expected


new Ext.form.Panel({
renderTo : document.body,
width : 400,
height : 400,
items : [
{
xtype : 'fieldcontainer',
autoHeight : true,
hideLabel : true,
layout : {
align : 'stretch',
type : 'hbox'
},
items : [
{
xtype : 'textfield',
name : 'cabo_fibra_nome',
readOnly : true,
flex : 1,
anchor : '100%',
fieldLabel : 'Test'
},
{
xtype : 'textfield'
}
]
},
{
xtype : 'textfield',
fieldLabel : 'Control'
}
]
});

macielcr7
26 Jul 2012, 3:11 AM
ok!... my version 4.1.0