What's New?

Form Layout, help needed

  1. #1
    Jun 11, 2011, 6:30 PM

    Form Layout, help needed

    Hi All,

    We are trying to use form layout as shown in the example code for form layout>>overview>>Form 3 - A little more complex.

    Our requirement needs two more combo-box. But the rendring is not correct. Please help us.

    My code is:

            <ext:Panel 
            ID="Panel3"
            runat="server" 
            Title="Add\Edit Issue" 
            Frame="true"
            PaddingSummary="5px 5px 0"
            Width="600"
            ButtonAlign="Center">
            <Items>
                <ext:Container ID="Container1" runat="server" Layout="Column" Height="100">
                    <Items>
                        <ext:Container ID="Container2" runat="server" LabelAlign="Top" Layout="Form" ColumnWidth=".5">
                            <Items>
                                <ext:TextField ID="txtSubject" runat="server" FieldLabel="Subject" AnchorHorizontal="95%" />
                                <ext:TextField ID="txtCretedBy" runat="server" FieldLabel="Created By" AnchorHorizontal="95%" />
                            </Items>
                        </ext:Container>
                        <ext:Container ID="Container3" runat="server" LabelAlign="Top" Layout="Form" ColumnWidth=".5">
                            <Items>
                                <ext:TextField ID="txtPriority" runat="server" FieldLabel="Priority" AnchorHorizontal="95%" />
                                <ext:TextField ID="txtStatus" runat="server" FieldLabel="Status" AnchorHorizontal="95%" />
                            </Items>
                        </ext:Container>
                        <ext:Container ID="Container5" runat="server" LabelAlign="Top" Layout="Form" ColumnWidth=".5">
                            <Items>
                                <ext:TextField ID="TextField1" runat="server" FieldLabel="Priority" AnchorHorizontal="95%" />
                                <ext:TextField ID="TextField2" runat="server" FieldLabel="Status" AnchorHorizontal="95%" />
                            </Items>
                        </ext:Container>
                    </Items>
                </ext:Container>
                <ext:Container ID="Container4" runat="server" LabelAlign="Top" Layout="Form">
                    <Items>
                        <ext:HtmlEditor ID="HtmlEditor1" runat="server" Height="200" FieldLabel="Description" AnchorHorizontal="98%" />
                    </Items>
                </ext:Container>
            </Items>
            <Buttons>
                <ext:Button ID="Button1" runat="server" Text="Save" />
                <ext:Button ID="Button2" runat="server" Text="Cancel" />
            </Buttons>
        </ext:Panel>
    Out put received:
    Click image for larger version.  Name: getting.jpg  Views: 109  Size: 29.2 KB  ID: 2851

    Expected out put:
    Click image for larger version.  Name: expected.jpg  Views: 110  Size: 25.0 KB  ID: 2852

    Thanks
    Shijith
  2. #2
    Jun 11, 2011, 8:56 PM
    Hi,

    Please set Height="150" instead of "100" for the Container1.
  3. #3
    Jun 12, 2011, 4:40 AM
    Hi Daniil,

    Thanks for your reply.
    I tried to increase the Height, but no effect.

    Regards,
    Shijith


    Quote Originally Posted by Daniil View Post
    Hi,

    Please set Height="150" instead of "100" for the Container1.
  4. #4
    Jun 12, 2011, 6:39 AM
    Hi,

    I just discovered the problem. You added a new column, but should add a new row.


    Example
    <%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.Net Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:Panel
            runat="server" 
            Frame="true" 
            PaddingSummary="5px 5px 0"
            Width="600" 
            ButtonAlign="Center">
            <Items>
                <ext:Container runat="server" Layout="Column" Height="150">
                    <Items>
                        <ext:Container runat="server" LabelAlign="Top" Layout="Form" ColumnWidth=".5">
                            <Items>
                                <ext:TextField runat="server" FieldLabel="Subject" AnchorHorizontal="95%" />
                                <ext:TextField runat="server" FieldLabel="Created By" AnchorHorizontal="95%" />
                                <ext:TextField runat="server" FieldLabel="New" AnchorHorizontal="95%" />
                            </Items>
                        </ext:Container>
                        <ext:Container runat="server" LabelAlign="Top" Layout="Form" ColumnWidth=".5">
                            <Items>
                                <ext:TextField runat="server" FieldLabel="Priority" AnchorHorizontal="95%" />
                                <ext:TextField runat="server" FieldLabel="Status" AnchorHorizontal="95%" />
                                <ext:TextField runat="server" FieldLabel="New" AnchorHorizontal="95%" />
                            </Items>
                        </ext:Container>
                    </Items>
                </ext:Container>
                <ext:Container runat="server" LabelAlign="Top" Layout="Form">
                    <Items>
                        <ext:HtmlEditor 
                            runat="server" 
                            Height="200" 
                            FieldLabel="Description"
                            AnchorHorizontal="98%" />
                    </Items>
                </ext:Container>
            </Items>
            <Buttons>
                <ext:Button ID="Button1" runat="server" Text="Save" />
                <ext:Button ID="Button2" runat="server" Text="Cancel" />
            </Buttons>
        </ext:Panel>
    </form>
</body>
</html>
  5. #5
    Jun 12, 2011, 6:49 AM

    solved

    Hi Daniil,

    You are the man. It worked. I spent a lot of time on it and tried all that i can. Yet i didn't thought adding items in column way.

    Thanks a lot.

    Regards,
    Shijith

Similar Threads

  1. Form layout and Anchors
    By Zdenek in forum 1.x Help
    Replies: 1
    Last Post: Apr 18, 2012, 3:21 PM
  2. MDI form and Complex Layout
    By themack in forum 1.x Help
    Replies: 0
    Last Post: Sep 25, 2011, 6:20 PM
  3. [CLOSED] Form Layout Spacing in IIS
    By CMA in forum 1.x Legacy Premium Help
    Replies: 9
    Last Post: Oct 14, 2010, 8:16 AM
  4. [CLOSED] GridPanel in Form Layout
    By vedagopal2004 in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Apr 09, 2010, 1:44 AM
  5. [CLOSED] Need help with form layout
    By CSG in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Dec 08, 2009, 6:54 AM

Posting Permissions