View Full Version : [INFOREQ] Buttons in an hbox panel cut off when in a form

20 Jul 2010, 9:53 AM
The buttons in the below example get cut off. Are we not supposed to be embedding anything other than fieldsets inside forms?

Ext.setup({onReady: function () {
new Ext.Panel({
fullscreen: true,
items: [
{ xtype: 'form',
items: [
{ xtype: 'panel', layout: 'hbox',
items: [{ xtype: 'button', text: 'Button' },
{ xtype: 'spacer' },
{ xtype: 'button', text: 'Button'}]

Jamie Avins
21 Jul 2010, 8:42 AM
It's not supposed to be a limitation. I see you don't have much for layouts in the parent panels and the buttons aren't flexed or sized... Have you tried providing layouts for the parent containers and flexing your buttons?

21 Jul 2010, 8:46 AM
Change xtype:'form' to xtype:'panel' in my example and you'll see what I was going for. What am I missing to make it look like that when using a form? Could you tweak my example a bit to get it to show the buttons fully in a form?