[CLOSED] Viewport Header

  1. #1

    [CLOSED] Viewport Header

    Hi,
    I have asked this question before, but I did not make it clear what I was after.

    I am using the viewport, but I would like a header (div) at the top ABOVE the north tag as I have the north tag collapsed 99% of the time, but would like the app header visible 100% of the time.

    Can anyone suggest anything?

    Thanks
  2. #2

    RE: [CLOSED] Viewport Header

    Hi t0ny,

    try this

    <ext:ViewPort runat="server">
            <Content>
                <ext:BorderLayout runat="server">
                    <North>
                        <ext:Panel runat="server" Height="50" Header="false" ID="North">
                            <Content>
                                Header
                            </Content>
                        </ext:Panel>
                    </North>
                    <Center>
                        <ext:Panel runat="server" Header="false" ID="Center">
                            <Content>
                                <ext:BorderLayout ID="BorderLayout1" runat="server">
                                    <North Collapsible="true" Split="true">
                                        <ext:Panel ID="Panel5" runat="server" Title="North" Height="175">
                                        </ext:Panel>
                                    </North>
                                    <West Collapsible="true" Split="true">
                                        <ext:Panel ID="Panel1" runat="server" Title="West" Width="175">
                                        </ext:Panel>
                                    </West>
                                    <Center>
                                        <ext:Panel ID="Panel2" runat="server" Title="Center">
                                        </ext:Panel>
                                    </Center>
                                    <East Collapsible="true" Split="true">
                                        <ext:Panel ID="Panel3" runat="server" Title="East" Width="175">
                                        </ext:Panel>
                                    </East>
                                    <South Collapsible="true" Split="true">
                                        <ext:Panel ID="Panel4" runat="server" Height="150" Title="South">
                                        </ext:Panel>
                                    </South>
                                </ext:BorderLayout>
                            </Content>
                        </ext:Panel>
                    </Center>
                </ext:BorderLayout>
            </Content>
        </ext:ViewPort>

    Vladimir Shcheglov
    Sr. Developer
  3. #3

    RE: [CLOSED] Viewport Header

    Thanks vladimir, that works perfectly!!!!!!!!
  4. #4

    RE: [CLOSED] Viewport Header

    That's exactly how my masterpage, contentpage is setup. Great work! Still fighting the Telerik menu but hope to get that done this week. Is there any performance issues we should be aware of when nesting layouts together? Sometimes I have to nest 6-7 layouts and panels to achieve the desired UI.
  5. #5

    RE: [CLOSED] Viewport Header

    It's unlikely that you'll notice any performance degradation with that many Panel/Layout combination's. I've had much deeper hierarchies and was very happy with the performance.
    Geoffrey McGill
    Founder & CEO

Similar Threads

  1. Replies: 4
    Last Post: Jul 13, 2012, 7:47 PM
  2. [CLOSED] Viewport Regions
    By Fahd in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Jul 02, 2012, 5:01 PM
  3. [CLOSED] Serious problem with viewport
    By 78fede78 in forum 1.x Legacy Premium Help
    Replies: 8
    Last Post: Nov 12, 2010, 11:21 AM
  4. Replies: 3
    Last Post: Sep 09, 2010, 6:31 AM
  5. Replies: 9
    Last Post: Apr 27, 2009, 3:19 PM

Posting Permissions