Threaded View
-
9 May 2009 5:50 AM #1
[FIXED] [3.0rc1.1] hbox layout messing with form fields heights
[FIXED] [3.0rc1.1] hbox layout messing with form fields heights
I am trying to achieve a flex based horizontal layout of fields and hbox is giving me issues. Here is what I am trying to achieve:
But what happens is the text fields inside the FieldSet show up as only a pixel or two high. I don't want to set the height as that is always an ugly workaround. Using a column layout resolves the issue but hbox should produce nearly identical results, just without the hassle of setting percentages. Here is the sample code:Code:+-FormPanel-----------------------------------------+ | | | +-FieldSet-(hbox layout)----------------------+ | | | | | | | TextField#1 [ ] TextField#2 [ ] | | | | | | | +---------------------------------------------+ | | | +---------------------------------------------------+
Is this possibly a bug?Code:var viewport = new Ext.Viewport({ items: { xtype: 'form', items: [{ xtype: 'fieldset', title: 'Fieldset', layout: 'hbox', defaults: { layout: 'form', defaultType: 'textfield' }, items: [{ flex: 1, items: { fieldLabel: 'Field 1' } }, { flex: 1, items: { fieldLabel: 'Field 2' } }, { flex: 1, items: { fieldLabel: 'Field 3' } }] }] } });Last edited by usiw; 9 May 2009 at 5:54 AM. Reason: fixed diagram
Thank you for reporting this bug. We will make it our priority to review this report.


Reply With Quote