[CLOSED] Fitlayout inside a viewport

  1. #1

    [CLOSED] Fitlayout inside a viewport

    Hi,

    I hope you can help me,

    I'm trying to make a panel take the whole volume inside the center of a viewport, but without succeeding.

    Here is the parent web page:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm15.aspx.cs" Inherits="Application_CRITT_SL.Test.WebForm15" %>
    
    <%@ 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></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server">
        </ext:ResourceManager>
        <ext:Viewport ID="ViewPort1" runat="server" Layout="BorderLayout">
            <Items>
                <ext:Panel ID="PanelGeneral" runat="server" Region="Center" Margins="3" Border="true">
                    <Items>
                        <ext:Panel ID="PanelUsager" runat="server" Title="Gestion des Usagers" Border="false">
                            <AutoLoad Url="WebUserControlChild.aspx" Mode="IFrame" ShowMask="true" />
                        </ext:Panel>
                    </Items>
                </ext:Panel>
                <ext:Panel ID="Panel1" runat="server" Region="West" Width="50" BodyStyle="background:white;"
                    Border="false">
                </ext:Panel>
                <ext:Panel ID="Panel2" runat="server" Region="East" Width="50" BodyStyle="background:white;"
                    Border="false">
                </ext:Panel>
                <ext:Panel ID="Panel3" runat="server" Region="North" Height="110" BodyStyle="background:white;"
                    Border="false">
                </ext:Panel>
                <ext:Panel ID="Panel4" runat="server" Region="South" Height="50" BodyStyle="background:white;"
                    Border="false">
                </ext:Panel>
            </Items>
        </ext:Viewport>
        </form>
    </body>
    </html>
    here is the child web page:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebUserControlChild.aspx.cs"
        Inherits="Application_CRITT_SL.Test.WebUserControlChild" %>
    
    <%@ 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></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server">
        </ext:ResourceManager>
        <ext:FitLayout ID="FitLayout1" runat="server">
            <Items>
                <ext:GridPanel ID="GridPanelMembres" runat="server" StripeRows="true" TrackMouseOver="true"
                    Padding="5" HideLabels="true" Height="450" AutoScroll="true" Layout="FitLayout">
                    <Store>
                        <ext:Store ID="StoreMembres" runat="server">
                            <Reader>
                                <ext:ArrayReader>
                                    <Fields>
                                        <ext:RecordField Name="id" />
                                        <ext:RecordField Name="nom" />
                                    </Fields>
                                </ext:ArrayReader>
                            </Reader>
                        </ext:Store>
                    </Store>
                    <ColumnModel ID="ColumnModel2" runat="server">
                        <Columns>
                            <ext:Column Header="Nom" DataIndex="nom">
                                <Editor>
                                    <ext:TextField ID="TextFieldNom" runat="server" Shadow="Drop" Mode="Local" TriggerAction="All"
                                        ReadOnly="true" DisplayField="nom" ValueField="id">
                                    </ext:TextField>
                                </Editor>
                            </ext:Column>
                        </Columns>
                    </ColumnModel>
                    <SelectionModel>
                        <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true">
                        </ext:RowSelectionModel>
                    </SelectionModel>
                    <BottomBar>
                        <ext:Toolbar ID="Toolbar2" runat="server">
                            <Items>
                                <ext:Button ID="Button0" runat="server" Text="Ajouter" Icon="Add" />
                            </Items>
                        </ext:Toolbar>
                    </BottomBar>
                </ext:GridPanel>
            </Items>
        </ext:FitLayout>
        </form>
    </body>
    </html>
    Thank you for your help!
    Last edited by Daniil; Jan 16, 2012 at 8:15 AM. Reason: [CLOSED]
  2. #2
    Hi,

    A layout control must have a parent Container.

    You can use a Viewport within the iframe child page.
    Last edited by geoffrey.mcgill; Jan 13, 2012 at 4:04 PM.
  3. #3
    Thank you Daniil, works perfect!

Similar Threads

  1. Replies: 3
    Last Post: May 18, 2011, 7:06 PM
  2. Masterpage ViewPort FitLayout
    By w0rtez in forum 1.x Help
    Replies: 0
    Last Post: Sep 28, 2010, 3:30 PM
  3. [CLOSED] [0.8.2] Two grids (Grid inside FormLayout inside FitLayout)
    By Yevgeniy in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Jul 16, 2010, 2:52 PM
  4. FitLayout inside webpart
    By niceguymattx in forum 1.x Help
    Replies: 3
    Last Post: Apr 30, 2010, 8:47 AM
  5. [CLOSED] FitLayout inside LayoutRow.RowHeight not set
    By tansu in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: May 21, 2009, 12:18 PM

Posting Permissions