[CLOSED] Viewport Header

[t0ny]

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

[Vladimir]

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>

[t0ny]

Thanks vladimir, that works perfectly!!!!!!!!

[jchau]

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.

[geoffrey.mcgill]

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.