[1.0] Column layout doesn't render styles

[Dominik]

Hi,

I have a Panel with Layout set to "Column". If I add a TextField control with ItemCls or LabelStyle properties, it is not rendering this class or style.

However, if I set layout property to "Form" it works well.

Dominik.

[Daniil]

Hi,

Yes, but this is not a bug.

It works as expected in according to ExtJS docs. These properties make sense if it deals with FormLayout only, please see
http://dev.sencha.com/deploy/dev/doc...member=itemCls
http://dev.sencha.com/deploy/dev/doc...ber=labelStyle

[Dominik]

Ok,

I need to add my own style to some controls inside a Column layout.

How ca I do that? Must I put these controls first inside a Column and then in a Form? Is there some other work-around?

Thanks,

Dominik.

[Daniil]

Hi,

Please use .Cls property of control.

[Dominik]

Yes,

But I need to change the label style...

[Daniil]

Well, it would be best to use a container with 'form' layout.

To achieve your requirement without 'form' layout please try to wrap each fields in <ext:Container> and set .LabelStyle for this.

[Dominik]

Im'm trying this, but it doesn't work, and furthermore it creates one column for the label and another one for the text field:

<ext:Panel runat="server" Border="false" Layout="Column">
    <Items>
        <ext:Container runat="server" LabelStyle="color: blue">
            <Content>
                <ext:TextField ID="Name" runat="server" FieldLabel="Name"
                    MaxLength="30" AllowBlank="false" ItemCls="required" Width="200" />           
            </Content>
        </ext:Container>                                       
    </Items>
</ext:Panel>

[Vladimir]

Hi,

Add Layout="form" to the container and use Items instead Content

<ext:Panel runat="server" Border="false" Layout="Column">
    <Items>
        <ext:Container runat="server" LabelStyle="color: blue" Layout="form">
            <Items>
                <ext:TextField ID="Name" runat="server" FieldLabel="Name"
                    MaxLength="30" AllowBlank="false" ItemCls="required" Width="200" />           
            </Items>
        </ext:Container>                                       
    </Items>
</ext:Panel>

[Dominik]

Ok,

If there is not a simpliest way, it works by the moment.

Thanks.