PDA

View Full Version : Layout column in form Panel



Wolfie
15 Nov 2010, 3:49 AM
Hi all

I have tabPanel in which I have tab with formPanel.

In this formPanel I have two fieldSets and I want them to display in two columns.

This is the code to FormPanel :



SM.UserFormPanel.superclass.constructor.call(this, {
title: 'Dane u?ytkownika',
bodyStyle: "padding: 15px;",
layout: 'column',
items:[{
columnWidth:.4},
userFieldset,
invoiceFieldset]
});
But unfortunately the layout looks terrible like on image below

23336

Any ideas how to fix it ?

EDIT-------------------------------------------------------------------------------------

Ok, I have done this by declaring columnWidth for each fieldSet but now the problem is that they are very close to each others touching themselves, how to make some space between them ?

picknick
18 Jan 2011, 7:09 AM
Hello Wolfi,

i have the same Problem in an extjs Form Setup. Do you have allready an solution for this Problem ? I am also wondering why the legend and fieldset padding disappears by using them in a column.

Thank you very much...

Condor
18 Jan 2011, 7:18 AM
HBoxLayout has a 'margin' config option for that, but in ColumnLayout you have to specify the margin in the style, e.g.

style: 'margin-left: 10px;' // for the second fieldset