PDA

View Full Version : Layout in FormPanel



extjser12
14 Mar 2012, 7:09 AM
Hello together

Can somebody support me to implement the layout which is on the attached picture visible? The layout will be displayed in a "FormPanel".
32731

Some additional information:

"Fieldset 1" and "Fieldset 4" should be mutually
"Fieldset 1" and "Fieldset 4" should have the same width
"Fieldset 1" and "Fieldset 4" should have the width and height in percentage
The other Fieldsets should fill out the free space and also be mutually
Thank you very much for your support!

Kind regards
extjser12

khmurach
14 Mar 2012, 8:25 AM
Try this:


Ext.onReady(function () {
Ext.widget('panel', {
title: 'Table layout',
layout: {
type: 'table',
columns: 2
},
defaults: { width: 200, height: 50 },
items: [{
html: 'Fieldset 1',
rowspan: 2,
height: 100
}, {
html: 'Fieldset 2'
}, {
html: 'Fieldset 3'
}, {
html: 'Fieldset 4',
rowspan: 3,
height: 150
}, {
html: 'Fieldset 5'
}, {
html: 'Fieldset 6'
}, {
html: 'Fieldset 7'
}],
width: 402,
renderTo: 'output'
});
});

Demo here http://ext4all.com/post/table-layout