FieldSet porting problem...

  1. #1

    FieldSet porting problem...

    Hi all,

    I'm positioning several components into a form using the Absolute Layout.
    I got into a point where I need to use a fieldset with some controls inside (also using absolute positioning)
    the problem is that those components aren't respecting the positioning that works smoothly in a .js file.

    Below I put the regular .js version and the coolite ported version (that's causing me problems)
    Could someone help me to port the js code to coolite ?

    javascript snippet
    {
                                        id:'Frame2'
                                        ,x:8
                                        ,y:40
                                        ,xtype:'fieldset'
                                        ,height:65
                                        ,width:529
                                        ,layout:'absolute'
                                        ,title:''
                                        ,items:[{
                                            id:'ChkCasadoBras'
                                            ,boxLabel:'Casado(a) com Brasileiro(a)'
                                            ,x:328
                                            ,y:39
                                            ,width:185
                                            ,height:17
                                            ,xtype:'checkbox'
                                        },{
                                            id:'ChkFilhosBras'
                                            ,boxLabel:'Possui Filhos Brasileiros'
                                            ,x:328
                                            ,y:24
                                            ,width:177
                                            ,height:17
                                            ,xtype:'checkbox'
                                        },{
                                            id:'ChkNaturalizado'
                                            ,boxLabel:'Naturalizado'
                                            ,x:8
                                            ,y:32
                                            ,width:105
                                            ,height:17
                                            ,xtype:'checkbox'
                                        },{
                                            id:'TxtAnoChegada'
                                            ,x:232
                                            ,y:32
                                            ,width:65
                                            ,xtype:'textfield'
                                            ,name:'TxtAnoChegada'
                                        },{
                                            id:'TxtCarteira'
                                            ,x:120
                                            ,y:32
                                            ,width:89
                                            ,xtype:'textfield'
                                            ,name:'TxtCarteira'
                                        },{
                                            id:'Label55'
                                            ,x:224
                                            ,y:16
                                            ,text:'Ano Chegada'
                                            ,xtype:'label'
                                        },{
                                            id:'Label54'
                                            ,x:120
                                            ,y:16
                                            ,text:'Carteira'
                                            ,xtype:'label'
                                        }]
                                    }

    coolite snippet (is not working as expected)
                                           <ext:FieldSet ID="Frame2"
                                                runat="server"
                                                X="8"
                                                Y="40"
                                                Height="65"
                                                Width="529"
                                                Title=""
                                                Layout="absolute"
                                                >
                                                <Body>
                                                    <%--<ext:AbsoluteLayout ID="AbsoluteLayout4"
                                                        runat="server">--%>
                                                        
                                                    <ext:Checkbox ID="ChkCasadoBras" 
                                                        runat="server"
                                                        x="328"
                                                        y="39"
                                                        boxLabel="Casado(a) com Brasileiro(a)">
                                                    </ext:Checkbox> 
     
                                                     <ext:Checkbox ID="ChkNaturalizado" 
                                                        runat="server"
                                                        x="8"
                                                        y="32"
                                                        boxLabel="Naturalizado">
                                                    </ext:Checkbox> 
                                                    
                                                    <ext:Checkbox ID="ChkFilhosBras" 
                                                        runat="server"
                                                        x="328"
                                                        y="24"
                                                        boxLabel="Possui Filhos Brasileiros">
                                                    </ext:Checkbox> 
                             
                                                    <ext:Label ID="Label55"
                                                        runat="server"
                                                        X="224"
                                                        Y="16"
                                                        Text="Ano Chegada">
                                                    </ext:Label>
                                                     
                                                    <ext:Label ID="Label54"
                                                        runat="server"
                                                        X="120"
                                                        Y="16"
                                                        Text="Carteira">
                                                    </ext:Label>
                                                    
                                                    <ext:numberfield ID="TxtAnoChegada"
                                                        runat="server"
                                                        X="232"
                                                        Y="32"
                                                        Width="65">
                                                    </ext:numberfield>
                                                    
                                                    <ext:TextField ID="TxtCarteira"
                                                        runat="server"
                                                        X="120"
                                                        Y="32"
                                                        Width="89">
                                                    </ext:TextField>
                                                     
                                                    <%--</ext:AbsoluteLayout>--%>
                                                </Body>
                                            </ext:FieldSet>
    Thank you very much
  2. #2

    RE: FieldSet porting problem...

    Ths AutoHeight property is true by default, no matter if you set the Height property manually.
    So you just need to set it to false and you will get it working.

    <ext:FieldSet ID="Frame1"
        runat="server"
        X="275"
        Y="20"
        Height="65"
        Width="290"
        Title="F.G.T.S."
        AutoHeight="false">
    --marcos

Similar Threads

  1. [Razor] Porting the Bar Chart Sample
    By Stijn in forum 2.x Help
    Replies: 1
    Last Post: Nov 26, 2012, 11:48 AM
  2. [CLOSED] Fieldset Problem Mozilla/IE9
    By sisa in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: May 06, 2011, 12:49 PM
  3. [CLOSED] FieldSet display problem in IE8
    By lonely7345 in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Mar 11, 2011, 11:57 AM
  4. [CLOSED] Layout problem with fieldset
    By skyone in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Jul 23, 2010, 2:31 PM
  5. [CLOSED] button lay out problem in fieldset
    By skyone in forum 1.x Legacy Premium Help
    Replies: 10
    Last Post: Jul 23, 2010, 8:09 AM

Posting Permissions