[SOLVED] [1.0] Fieldset Label ctrl FieldLabel not lining up with Text
New Community Forums available at http://forums.ext.net
 

Coolite Forums

 Welcome Guest ( Login | Register )
 
[SOLVED] [1.0] Fieldset Label ctrl FieldLabel...
Subscribe
Last Login: 7/6/2010 12:20:27 PM
Posts: 117,
Posted 3/5/2010 8:04:58 AM

Group: Coolite Premium Member & Early Adopter
 I am using the field set and 2 ext:Labels.  The FieldLabel and the text does not line up correctly.  Here is really simple code placed on a WebContentpage



<ext:Panel ID="Panel2" runat="server" Border="false" >
    <Items>
        <ext:FieldSet ID="FieldSet1" runat="server" LabelWidth="120" Border="true" Width="400"
                        Title="ACH Account Detail"  >
            <Items>
                <ext:Label ID="lblRoutingNo" runat="server" FieldLabel="ABA Routing No." Text="123456" />
                <ext:Label ID="lblBeneficiaryName" runat="server" FieldLabel="Beneficiary" Text ="This Company Name" />
            </Items>
        </ext:FieldSet>
    </Items>
</ext:Panel>

<ext:Panel ID="Panel1" runat="server" Border="false" >
    <Items>
        <ext:FieldSet ID="FieldSet2" runat="server" LabelWidth="120" Border="true" Width="400"
                        Title="ACH Account Detail"  >
            <Items>
                <ext:Label ID="Label1" runat="server" FieldLabel="ABA Routing No." Text="" />
                <ext:Label ID="Label2" runat="server" FieldLabel="Beneficiary" Text ="This Company Name" />
            </Items>
        </ext:FieldSet>
    </Items>
</ext:Panel>



Attached are the results for each fieldset.  How do I correct it so the FieldLabel and the associated text lines up correctly?

Thanks!
Post Attachments
FieldSet label not correct.gif (7 views, 3.76 KB)

Permalink: Post #28735
Last Login: 7/8/2010 1:50:34 AM
Posts: 4,722,
Posted 3/5/2010 9:21:37 AM

Group: Core Development Team
Hi bsnezw,

I'm sorry but I don't see the issue here. The FieldLabels in the screen capture you sent appear to align properly. 

Can you provide more details?

 --
Geoffrey McGill
Coolite Inc.
Development Team
Skype : geoffrey.mcgill
Forum Guidelines | Coolite Examples | Coolite API Docs | ExtJS API Docs | Twitter

Permalink: Post #28744
Last Login: 7/6/2010 12:20:27 PM
Posts: 117,
Posted 3/5/2010 9:48:50 AM

Group: Coolite Premium Member & Early Adopter
Arrows have been added to the gif and I've added a standard form panel for each example to show what I expect vs what is actually rendering. 

Example 1

Draw a line straight accross you will see the that Text for each label is not aligned with the FieldLabel. 
Note in the Standard Form Panel for example 1, this is not an issue


<ext:Panel ID="Panel2" runat="server" Border="false" >
    <Items>
        <ext:FieldSet ID="FieldSet1" runat="server" LabelWidth="120" Border="true" Width="400"
                        Title="Example 1 in FieldSet"  >
            <Items>
                <ext:Label ID="lblRoutingNo" runat="server" FieldLabel="ABA Routing No." Text="123456" />
                <ext:Label ID="lblBeneficiaryName" runat="server" FieldLabel="Beneficiary" Text ="This Company Name" />
            </Items>
        </ext:FieldSet>
    </Items>
</ext:Panel>

<ext:Panel ID="Panel3" runat="server" Border="false" Title="Example 1 Standard Form Panel" Layout="Form" Width="400" >
    <Items>
        <ext:Label ID="Label3" runat="server" FieldLabel="ABA Routing No." Text="123456" />
        <ext:Label ID="Label4" runat="server" FieldLabel="Beneficiary" Text ="This Company Name" />
    </Items>
</ext:Panel>


Example 2

ABA Routing text should be "" and the Beneficiary text = "This Company Name" but when it is rendered "This Company Name" is showing in the ABA Routing.
Note in the Standard Form Panel for example 2, this is not an issue


<ext:Panel ID="Panel1" runat="server" Border="false" >
    <Items>
        <ext:FieldSet ID="FieldSet2" runat="server" LabelWidth="120" Border="true" Width="400"
                        Title="Example 2 in Fieldset"  >
            <Items>
                <ext:Label ID="Label1" runat="server" FieldLabel="ABA Routing No." Text="" />
                <ext:Label ID="Label2" runat="server" FieldLabel="Beneficiary" Text ="This Company Name" />
            </Items>
        </ext:FieldSet>
    </Items>
</ext:Panel>

<ext:Panel ID="Panel4" runat="server" Border="false" Layout="Form" width="400" Title="Example 2 Standard Form Panel" >
    <Items>
        <ext:Label ID="Label5" runat="server" FieldLabel="ABA Routing No." Text="" />
        <ext:Label ID="Label6" runat="server" FieldLabel="Beneficiary" Text ="This Company Name" />
    </Items>
</ext:Panel>
Post Attachments
FieldSet label not correct - Example 1.gif (6 views, 6.95 KB)
FieldSet label not correct - Example 2.gif (4 views, 7.71 KB)

Permalink: Post #28746
Last Login: 7/8/2010 1:50:34 AM
Posts: 4,722,
Posted 3/5/2010 10:24:04 AM

Group: Core Development Team
Thanks for the update. We're investigating. 

 --
Geoffrey McGill
Coolite Inc.
Development Team
Skype : geoffrey.mcgill
Forum Guidelines | Coolite Examples | Coolite API Docs | ExtJS API Docs | Twitter

Permalink: Post #28749
Last Login: 7/5/2010 10:10:13 AM
Posts: 7,853,
Posted 3/7/2010 2:28:35 PM

Group: Core Development Team
Hi,

Please set Layout="Form" for the FieldSet.
It is preferable to use FieldLabel inside FormLayout always (if possible)
--
Vladimir Shcheglov
Coolite Inc.
Development Team
Forum Guidelines | Coolite Examples | Coolite API Docs | ExtJS API Docs | Twitter

Permalink: Post #28801
Last Login: 7/6/2010 12:20:27 PM
Posts: 117,
Posted 3/8/2010 7:26:40 AM

Group: Coolite Premium Member & Early Adopter
 Perfect - I did not consider that the FieldSet was inherited from the Panel.  I added the Layout=Form and was able to remove the outer panel. 

I originally had the outer panel because I was working with a Column layout and needed to set the ColumnWidth.  I moved the ColumnWidth to the FieldSet and it works great.

Thanks!

Permalink: Post #28830
« Prev Topic | Next Topic »
Reading This Topic
Active Users: 0 ( 0 guests, 0 members, 0 anonymous members )
No members currently viewing this topic.
All times are GMT -5:00, Time now is 8:43pm
 

Copyright © 2006-2010, Coolite Inc. All rights reserved.
Ext.NET™ and extnet™ are trademarks of Coolite Inc.