Label FieldLabel vertical align issue

  1. #1

    Label FieldLabel vertical align issue

    Hi!

    I have vertical issue while using ext:Label

    <ext:Container ID="Container3" runat="server" Layout="ColumnLayout" AutoHeight="true" >
        <LayoutConfig>
            <ext:ColumnLayoutConfig Split="true" FitHeight="false" />
        </LayoutConfig>
        <Listeners>
            <AfterLayout Handler="setHeight('DestinationPanel', 'FrieghtDescriptionPanel'); " Delay="90"/>
        </Listeners>
        <Items>
            <ext:Panel ID="DestinationPanel"  runat="server"  Title="Destination" HideLabel="true"  Border="true"  Padding="5" ColumnWidth="0.5" Cls="font" Layout="FormLayout"   >
                <Items>
                    <ext:Label runat="server" AutoDataBind="true" Text="<%# Model.FrieghtDestination %>" HideLabel="true" />
                    <ext:Label runat="server" AutoDataBind="true" FieldLabel="<b>Package type</b>" Text="<%# Model.FrieghtPackageType %>" />
                    <ext:Label runat="server" AutoDataBind="true" FieldLabel="<b>Freight goods</b>" Text="<%# Model.FrieghtDeliveryItems %>" />
                </Items>
            </ext:Panel>
            <ext:Panel ID="FrieghtDescriptionPanel" runat="server"  Title="Description" ColumnWidth="0.5" Border="true"  Padding="5"  Cls="font" >
                <Content>
                    <%= Model.FrieghtDescription %>
                </Content>
            </ext:Panel>
        </Items>
    </ext:Container>
    Result:Click image for larger version. 

Name:	CCX1.png 
Views:	201 
Size:	5.0 KB 
ID:	3649

    I have found: padding-left: 105px in result html. WTF ?

    How can I fix it?

    Also its layout fine in chrome WHEN Panel layout is "Fit". But in that case in IE it looks like
    Click image for larger version. 

Name:	ccx2.png 
Views:	183 
Size:	4.9 KB 
ID:	3650
    Last edited by alexot; Jan 03, 2012 at 12:56 PM.
  2. #2
    .x-form-element 
    {
         padding-left: 0px !important;
    }
    Fixed it!

Similar Threads

  1. [CLOSED] Label + FieldLabel vertical align inside TableLayout
    By jwf in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Sep 21, 2011, 8:41 AM
  2. [CLOSED] [1.0] Label align issue
    By edigital in forum 1.x Legacy Premium Help
    Replies: 11
    Last Post: Oct 21, 2010, 4:20 PM
  3. [CLOSED] [1.0] GridPanel Column Vertical Align
    By Timothy in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Apr 12, 2010, 9:37 AM
  4. Label Align
    By flaviodamaia in forum 1.x Help
    Replies: 1
    Last Post: Jul 29, 2009, 9:37 AM
  5. FieldLabel Align
    By flaviodamaia in forum 1.x Help
    Replies: 4
    Last Post: Jan 16, 2009, 10:56 AM

Posting Permissions