PDA

View Full Version : How to float the Ext.Panel?



sande0005
14 Apr 2014, 2:55 AM
I've two panels arranged with hbox layout in a window. Left panel is for the purpose of filtering, which contains checkboxgroup and radiogroup, Right panel is a gridpanel. Left panel is short compared to gridpanel. so when I go bottom of the gridpanel, the entire left panel should supposed to float to the bottom. How can I achieve this? I'm using 3.4 version.
Below is the code for the left panel -



Leftpanel = new Ext.Panel({
id: 'Leftpanel',
frame: true,
width: 150,
height: 250,
floating: true,
items: [
{
xtype: 'label',
text: 'Brand'
},
{
xtype: 'radiogroup',
columns: 1,
vertical: true,
id: 'radioType',
items: [{
boxLabel: 'ALL',
name: 'radioType',
inputValue: 'all',
checked: true
}, {
boxLabel: 'Food & Beverage',
name: 'radioType'
inputValue: 'F&B'
}]

},
{
xtype: 'label',
text: 'When'
},
{
xtype: 'checkboxgroup',
columns: 1,
vertical: true,
id: 'checkTime',
items: [{
boxLabel: 'All Time',
name: 'checkTime',
inputValue: 'alltime',
checked: true
},
{
boxLabel: 'Past 6 Months',
name: 'checkTime',
inputValue: '6months'
}
]
}
]
});