[CLOSED] FormPanel Column Layout

  1. #1

    [CLOSED] FormPanel Column Layout

    Hello,


    We are used our existing application forms in HTML tag layout. Now we would like to change all our forms by using ext:FormPanel.


    We have attached one of our existing HTML layout form, please let us know which layout we need to use inside of the FormPanel for build this layout.
    Attached Thumbnails Click image for larger version. 

Name:	sample.jpg 
Views:	83 
Size:	36.6 KB 
ID:	24067  
    Last edited by Daniil; Jul 21, 2015 at 10:58 AM. Reason: [CLOSED]
  2. #2
    Hi @speedstepmem4,

    I would recommend a FormLayout to organize rows.
    https://examples2.ext.net/#/Layout/FormLayout/Overview

    And an HBoxLayout to organize columns.
    https://examples2.ext.net/#/Layout/HBoxLayout/HBox_Form
  3. #3

    How to set padding for TextField labels in FormPanel layout?

    Hi,

    We have create the layout as per suggestion. In the Label padding is not set when we try to add Cls or StyleSpec.
    Please let us know how we can set padding for the TextField Label?

    <ext:Container ID="Container2" runat="server" Layout="Column">
                                        <Items>
                                            <ext:Container ID="Container3" runat="server" Layout="FormLayout" ColumnWidth=".5">
                                                <Items>
                                                    <ext:TextField ID="TextField1" runat="server" FieldLabel="First Name" />
                                                    <ext:TextField ID="TextField2" runat="server" FieldLabel="Company" />
                                                </Items>
                                            </ext:Container>
                                            <ext:Container ID="Container4" runat="server" Layout="FormLayout" ColumnWidth=".5">
                                                <Items>
                                                    <ext:TextField ID="TextField3" runat="server" FieldLabel="Last Name" />
                                                    <ext:TextField ID="TextField4" runat="server" FieldLabel="Email" />
                                                </Items>
                                            </ext:Container>
                                        </Items>
                                    </ext:Container>
    How to set padding for TextField labels in FormPanel layout?
    Attached Thumbnails Click image for larger version. 

Name:	Post 1.jpg 
Views:	58 
Size:	8.7 KB 
ID:	24076  
  4. #4
    I would recommend HBoxLayout and Margins.

    Example
    <%@ Page Language="C#" %>
    
    <!DOCTYPE html>
    <html>
    <head runat="server">
        <title>Ext.NET v2 Example</title>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
    
            <ext:Container runat="server" Layout="HBoxLayout">
                <Items>
                    <ext:Container 
                        runat="server" 
                        Layout="FormLayout" 
                        Flex="1">
                        <Items>
                            <ext:TextField runat="server" FieldLabel="First Name" />
                            <ext:TextField runat="server" FieldLabel="Company" />
                        </Items>
                    </ext:Container>
    
                    <ext:Container 
                        runat="server" 
                        Layout="FormLayout" 
                        Flex="1" 
                        Margins="0 0 0 10">
                        <Items>
                            <ext:TextField runat="server" FieldLabel="Last Name" />
                            <ext:TextField runat="server" FieldLabel="Email" />
                        </Items>
                    </ext:Container>
                </Items>
            </ext:Container>
        </form>
    </body>
    </html>

Similar Threads

  1. Replies: 2
    Last Post: Oct 24, 2013, 11:53 AM
  2. [CLOSED] layout issue when using RowLayout within column layout
    By Daly_AF in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 11, 2012, 2:40 PM
  3. FormPanel column layout Error in IE!
    By qq899817 in forum 1.x Help
    Replies: 2
    Last Post: Apr 13, 2011, 4:24 PM
  4. [CLOSED] vbox layout inside column layout
    By craig2005 in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Feb 04, 2011, 2:44 PM
  5. [CLOSED] What is wrong with Column Layout and FormPanel
    By turione in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jan 08, 2010, 3:46 PM

Posting Permissions