I'm still missing something about layouts. Sometimes things grow to hold their children at their natural size, but other times children get truncated. Here's an example. I have a form with a fieldset using a table layout. The table layout does exactly what I want, but the parent clips it on the right edge rather than growing to hold the whole child.
Is there a setting for the parent or child to change this?
dialog.png
Code:
var keyview = new Ext.form.FieldSet (
{
title: 'sample field set',
layout: 'table',
layoutConfig:
{
columns: 5
},
items:
[
{colspan: 5, xtype: "label", text: 'Long string of text that will wrap if necessary, thats ok and expected'},
{xtype: "button", text: 'Download file'},
{xtype: "button", text: 'Download file2'},
{xtype: "button", text: 'Upload file',},
{xtype: "button", text: 'View file'},
{xtype: "button", text: 'Test file'},
]
});
var panel = new Ext.FormPanel (
{
labelAlign: 'right',
frame:true,
defaultType:'textfield',
monitorValid:true,
items:
[
{
fieldLabel:'field 1',
},
{
fieldLabel:'field 2',
xtype: 'checkbox'
},
keyview
]
});
var win = new Ext.Window(
{
title:'Settings',
closable: false,
resizable: false,
plain: true,
border: false,
items:
[
panel
]
});
win.show();