What's New?

[CLOSED] FitLayout & masterpages

  1. #1
    Oct 21, 2009, 7:05 AM

    [CLOSED] FitLayout & masterpages

    Hi all,

    i've a problem with fitLayout.

    I have a Master Page containing header and footer the same for any pages

    I want to put Fit Layout (i want he autoresize itself in case of browser resizing) beetwen header and footer.

    I've a problem, putting fitlayout in a table cell with defined dimension it takes however all browser hiding in this way header and footer columns

    Here some code

    Masterpage..
    //...header
 

        <div id="Content">
            <table border="0" width="100%" style="height:410px;">
                <tr>
                    <td>
                        <asp:ContentPlaceHolder ID="cphMain" runat="server">
                        </asp:ContentPlaceHolder>
                    </td>
                </tr>
                
            </table>
        

//...footer
    Page.aspx
    <asp:Content ID="Content2" ContentPlaceHolderID="cphMain" runat="Server">
    <ext:ScriptManager ID="ScriptManager1" runat="server" HideInDesign="True" />
    <ext:ViewPort ID="ViewPort1" runat="server">
        <Body>
            <ext:FitLayout ID="FitLayout1" runat="server">
                <ext:Panel ID="BackGround" runat="server">
                    <Body>
                        <ext:BorderLayout ID="BackgroundLayout" runat="server">
                            <West Collapsible="true" Split="true">
                                <ext:Panel ID="Panel1" runat="server" Title="West" Width="175" />
                            </West>
                            <Center>
                                <ext:Panel ID="Panel2" runat="server" Title="Center" />
                            </Center>
                            <East Collapsible="true" Split="true" CollapseMode="Mini">
                                <ext:Panel ID="Panel3" runat="server" Title="East" Width="175" Collapsed="true" />
                            </East>
                            <North Collapsible="true" Split="true" CollapseMode="Mini">
                                <ext:Panel ID="Panel4" runat="server" Title="East" Width="175" Collapsed="true" />
                            </North>
                        </ext:BorderLayout>
                    </Body>
                </ext:Panel>
            </ext:FitLayout>
        </Body>
    </ext:ViewPort>
</asp:Content>

    There is a way to tell fitlayout to take only his reserved space?

    There is any other layout that can autoresize on browser resize in simple way?

    Any help will be appreciated...

    Thanks a lot
    GM

    Thanks
  2. #2
    Oct 21, 2009, 7:31 AM

    RE: [CLOSED] FitLayout & masterpages

    Hi,

    ViewPort always occupies whole browser area

    A specialized container representing the viewable application area (the browser viewport).
    The Viewport renders itself to the document body, and automatically sizes itself to the size of the browser viewport and manages window resizing. There may only be one Viewport created in a page. Inner layouts are available by virtue of the fact that all Panels added to the Viewport, either through its items, or through the items, or the add method of any of its child Panels may themselves have a layout.

    The Viewport does not provide scrolling, so child Panels within the Viewport should provide for scrolling if needed using the autoScroll config.

    You can use the following markup:

    Add ViewPort to the master page with Nort, Center and South regions.
    North region will contain header
    Center is page content
    South is footer

    In center region you can put Panel with BorderLayout (like your Panel with ID="BackGround")
  3. #3
    Oct 21, 2009, 8:30 AM

    RE: [CLOSED] FitLayout & masterpages

    Great,

    thanks a lot...

    I'll try...

    Thanks
  4. #4
    Oct 21, 2009, 12:10 PM

    RE: [CLOSED] FitLayout & masterpages

    It works,

    tks!
  5. #5
    Oct 21, 2009, 12:37 PM

    RE: [CLOSED] FitLayout & masterpages

    vladimir, i have basically the same setup. Do you recommend using RowLayout in masterpage instead of BodyLayout? Will that increase rendering performance?
  6. #6
    Oct 22, 2009, 6:11 AM

    RE: [CLOSED] FitLayout & masterpages

    Hi jchau,

    I don't see any adavantages between those layouts except that RowLayout can handle percentages for height

Similar Threads

  1. [CLOSED] Problem with Page.X() and masterpages
    By Pablo_Azevedo in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Jun 08, 2012, 7:32 PM
  2. [CLOSED] ViewState and MasterPages
    By wisdomchuck in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: May 20, 2011, 7:58 PM
  3. [CLOSED] fitlayout
    By Vasudhaika in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jan 27, 2011, 11:34 AM
  4. Problem With editor in MasterPages & User web Control
    By firebird_design in forum 1.x Help
    Replies: 2
    Last Post: Sep 08, 2010, 1:57 PM
  5. [FIXED] [V0.6] Ext.onReady script block and MasterPages not combining properly
    By geoffrey.mcgill in forum Bugs
    Replies: 1
    Last Post: Feb 15, 2008, 10:06 AM

Posting Permissions