[CLOSED] Controls not aligned properly

  1. #1

    [CLOSED] Controls not aligned properly

    Hi,

    When we navigate using TAB press, the width of TextField is adjusted. If we not provided width(by default width) TextField is not adjusted.

    Please review the code below:

    <%@ Page Language="C#" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Test page</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <ext:ResourceManager ID="ResourceManager" runat="server"></ext:ResourceManager>
            <ext:Panel ID="Panel1" runat="server">
                <Items>
                    <ext:FormPanel ID="pnlSystemSetUp" runat="server" BodyPadding="5" Border="false">
                        <FieldDefaults LabelAlign="Left" MsgTarget="Side" />
                        <Items>
                            <ext:FieldSet ID="pnlControls" runat="server" MarginSpec="0 0 0 10" ButtonAlign="Right" Border="false">
                                <Items>
                                    <ext:TextField ID="txtName" Name="Name" runat="server" AllowBlank="false" MaxLength="50" MsgTarget="Side" Width="400" StyleSpec="width:400px;"></ext:TextField>
                                    <ext:TextField ID="txtName1" Name="Name1" runat="server" MaxLength="50" MsgTarget="Side" Width="400" StyleSpec="width:400px;"></ext:TextField>
                                    <ext:TextField ID="txtName2" Name="Name2" runat="server" MaxLength="50" MsgTarget="Side" Width="400" StyleSpec="width:400px;"></ext:TextField>
                                    <ext:TextField ID="txtName3" Name="Name3" runat="server" MaxLength="50" MsgTarget="Side" Width="400" StyleSpec="width:400px;"></ext:TextField>
                                    <ext:TextField ID="txtAddress1" Name="AddressLine1" runat="server" MaxLength="200" MsgTarget="Side"></ext:TextField>
                                </Items>
                            </ext:FieldSet>
                        </Items>
                        <Buttons>
                        </Buttons>
                    </ext:FormPanel>
                </Items>
            </ext:Panel>
        </form>
    </body>
    </html>
    Guide us!!!
    Last edited by Daniil; Feb 04, 2015 at 5:21 PM. Reason: [CLOSED]
  2. #2
    Hi @speedstepmem4,

    Please clarify what exactly you mean under "adjusted" and "not adjusted".
  3. #3

    Controls not aligedn properly

    Hi Daniil,

    Sorry for the confusion.

    Steps to replicate the issue:

    1) Run the above provided sample code.
    2) Click on the first control and then press TAB key.
    3) The controls width is reduced (when we explicitly provide width = 400 in that control).


    Note: Please refer the screenshot.
    Attached Thumbnails Click image for larger version. 

Name:	Controls.jpg 
Views:	2 
Size:	56.3 KB 
ID:	20291  
  4. #4
    Adn latest version, revision #6301, from trunk, evertything works as expected

    Click image for larger version. 

Name:	mg001.png 
Views:	2 
Size:	989 Bytes 
ID:	20301

    Speedstepmem4, can you download the latest version from trunk and retest?

    If you need help to download: http://forums.ext.net/showthread.php...l=1#post238771
    Last edited by RCN; Feb 04, 2015 at 3:15 AM.
  5. #5
  6. #6

    Controls not aligned properly

    Hi,

    Thanks for the guidance RCN.

    Actually as we gave MsgTarget = "Side" the issue raised. After seeing your post then by adding AutoFitErrors="false" the issue resolved.

    Way to go!!! :) Can close the thread.
  7. #7
    You're welcome.

    Let me know in case you need further assistance.

Similar Threads

  1. Replies: 0
    Last Post: Mar 19, 2013, 12:51 PM
  2. MenuItem Icons not Aligned
    By Tbaseflug in forum 1.x Help
    Replies: 1
    Last Post: May 05, 2010, 8:01 PM
  3. Replies: 2
    Last Post: Apr 30, 2010, 2:55 AM
  4. ToolbarextItems vertically aligned
    By alainfo in forum 1.x Help
    Replies: 2
    Last Post: Jul 28, 2009, 9:58 AM
  5. Combo not correctly aligned on IE
    By marcossoft in forum 1.x Help
    Replies: 2
    Last Post: Feb 16, 2009, 6:53 PM

Posting Permissions