let items;
if (me.items) {
- me.columns = 1;
items = [
{
- columnWidth: 1,
layout: 'anchor',
items: me.items,
},
];
me.items = undefined;
} else if (me.column4) {
- me.columns = 4;
items = [
{
- columnWidth: 0.25,
- padding: '0 10 0 0',
- layout: 'anchor',
- items: me.column1,
- },
- {
- columnWidth: 0.25,
- padding: '0 10 0 0',
- layout: 'anchor',
- items: me.column2,
- },
- {
- columnWidth: 0.25,
- padding: '0 10 0 0',
- layout: 'anchor',
- items: me.column3,
- },
- {
- columnWidth: 0.25,
- padding: '0 0 0 10',
- layout: 'anchor',
- items: me.column4,
+ layout: 'hbox',
+ defaults: {
+ border: false,
+ layout: 'anchor',
+ flex: 1,
+ },
+ items: [
+ {
+ padding: '0 10 0 0',
+ items: me.column1,
+ },
+ {
+ padding: '0 10 0 0',
+ items: me.column2,
+ },
+ {
+ padding: '0 10 0 0',
+ items: me.column3,
+ },
+ {
+ padding: '0 0 0 10',
+ items: me.column4,
+ },
+ ],
},
];
if (me.columnB) {
items.push({
- columnWidth: 1,
padding: '10 0 0 0',
layout: 'anchor',
items: me.columnB,
});
}
} else if (me.column1) {
- me.columns = 2;
items = [
{
- columnWidth: 0.5,
- padding: '0 10 0 0',
- layout: 'anchor',
- items: me.column1,
- },
- {
- columnWidth: 0.5,
- padding: '0 0 0 10',
- layout: 'anchor',
- items: me.column2 || [], // allow empty column
+ layout: 'hbox',
+ defaults: {
+ border: false,
+ layout: 'anchor',
+ flex: 1,
+ },
+ items: [
+ {
+ padding: '0 10 0 0',
+ items: me.column1,
+ },
+ {
+ padding: '0 0 0 10',
+ items: me.column2 || [], // allow empty column
+ },
+ ],
},
];
if (me.columnB) {
items.push({
- columnWidth: 1,
padding: '10 0 0 0',
layout: 'anchor',
items: me.columnB,
if (me.advancedItems) {
advItems = [
{
- columnWidth: 1,
layout: 'anchor',
items: me.advancedItems,
},
} else if (me.advancedColumn1) {
advItems = [
{
- columnWidth: 0.5,
- padding: '0 10 0 0',
- layout: 'anchor',
- items: me.advancedColumn1,
- },
- {
- columnWidth: 0.5,
- padding: '0 0 0 10',
- layout: 'anchor',
- items: me.advancedColumn2 || [], // allow empty column
+ layout: {
+ type: 'hbox',
+ align: 'begin',
+ },
+ defaults: {
+ border: false,
+ layout: 'anchor',
+ flex: 1,
+ },
+ items: [
+ {
+ padding: '0 10 0 0',
+ items: me.advancedColumn1,
+ },
+ {
+ padding: '0 0 0 10',
+ items: me.advancedColumn2 || [], // allow empty column
+ },
+ ],
},
];
if (me.advancedColumnB) {
advItems.push({
- columnWidth: 1,
padding: '10 0 0 0',
layout: 'anchor',
items: me.advancedColumnB,
if (advItems) {
me.hasAdvanced = true;
advItems.unshift({
- columnWidth: 1,
xtype: 'box',
hidden: false,
border: true,
},
});
items.push({
- columnWidth: 1,
xtype: 'container',
itemId: 'advancedContainer',
hidden: !me.showAdvanced,
- layout: 'column',
defaults: {
border: false,
},
});
} else {
Ext.apply(me, {
- layout: 'column',
+ layout: {
+ type: 'vbox',
+ align: 'stretch',
+ },
defaultType: 'container',
items: items,
});