PDA

View Full Version : Collapsible for Fieldset in my FormPanel



Sameer Khan
6 Jan 2012, 4:58 AM
Hi,
In my sencha application for a FormPanel i have lot of fieldsets...Bcz of this scrolling is too much long to scroll the page. To avoid long scrolling i want to enable collapsible for some of the fieldsets...But in sencha there is no any Collapsible event for Panel/FormPanel/Fieldset.But in Ext Js we have that facility...Now how can i enable collapsible for FieldSet for the FormPanels...

If any body have solution for this pl z share with me...

Thanks.

mitchellsimoens
6 Jan 2012, 8:28 AM
Set the height to zero on collapse and then to the original height on expand. For animation use CSS3:


-webkit-transition : height 300ms ease-in;

Sameer Khan
8 Jan 2012, 8:29 PM
Hi, Can u please apply the Collapsible option for the following code...


{
xtype: 'fieldset',
layout:'hbox',
defaults:{labelAlign:'right'},
items:[{
xtype: 'radiofield',
label: '1-Early',
labelWidth: '70%',
name: 'm0110_epTiming',
value:'1',
flex:4
},{
xtype: 'radiofield',
label: '2-Later',
labelWidth: '70%',
name: 'm0110_epTiming',
value:'2',
flex:4
},{
xtype: 'radiofield',
label: 'UK',
labelWidth: '70%',
name: 'm0110_epTiming',
value:'-2',
flex:4
},{
xtype: 'radiofield',
label: 'NA',
labelWidth: '70%',
name: 'm0110_epTiming',
value:'-1',
flex:4
}]
}



Thanks in Advance..