tobiu
16 Oct 2011, 10:28 AM
hi team,
this works for sheets & toolbars, but when you have a vbox layout containing hbox layouts with buttons, the buttons get flexed vertically instead of the containers and the height does not get applied at all.
this worked fine in ST 1.
layout : {
type : 'vbox',
pack : 'center',
align : 'stretch'
},
defaults: {
layout: {
type: 'hbox'
},
flex: 1,
defaults : {
xtype : 'button',
baseCls : 'x-button',
flex : 1,
height : '3.3em',
iconAlign : 'top',
iconMask : true,
style : 'margin : .3em; padding: .4em;',
ui : 'round'
}
},
items : [{
items : [{
action : 'showNewsView',
iconCls : 'chat',
text : 'News'
},...
drop me an email / pm for a demo usecase if needed.
this works for sheets & toolbars, but when you have a vbox layout containing hbox layouts with buttons, the buttons get flexed vertically instead of the containers and the height does not get applied at all.
this worked fine in ST 1.
layout : {
type : 'vbox',
pack : 'center',
align : 'stretch'
},
defaults: {
layout: {
type: 'hbox'
},
flex: 1,
defaults : {
xtype : 'button',
baseCls : 'x-button',
flex : 1,
height : '3.3em',
iconAlign : 'top',
iconMask : true,
style : 'margin : .3em; padding: .4em;',
ui : 'round'
}
},
items : [{
items : [{
action : 'showNewsView',
iconCls : 'chat',
text : 'News'
},...
drop me an email / pm for a demo usecase if needed.