[CLOSED] ASP Menu and ext:Panel issue

[egodoy]

Hello,

I have an asp:menu in my master page inside an ext:Panel. I have a menu>submenu with more items than the height of the panel (in <North> of BorderLayout). The submenu items display behind the <Center > instead in front of it (hides the rest of submenu items). I have played with the z-index all day, but no luck.

Any Ideas.

See sample code below

<ext:ViewPort ID="ViewPort1" runat="server">
            <Content>
                <ext:BorderLayout ID="BorderLayout1" runat="server">
                    <North Collapsible="True" Split="True">
                        <ext:Panel ID="Panel1" Title="" runat="server" Height="80">
                            <Content>
                                <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal">
                                    <Items>
                                        <asp:MenuItem Text="Menu1" Value="Menu1"></asp:MenuItem>
                                        <asp:MenuItem Text="Menu2" Value="Menu2"></asp:MenuItem>
                                        <asp:MenuItem Text="Menu3" Value="Menu3"></asp:MenuItem>
                                        <asp:MenuItem Text="Menu4" Value="Menu4"></asp:MenuItem>
                                        <asp:MenuItem Text="Menu5" Value="Menu5"></asp:MenuItem>
                                        <asp:MenuItem Text="Sub Menu" Value="SubMenu">
                                            <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
                                            <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
                                            <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
                                            <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
                                            <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
                                            <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
                                            <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
                                        </asp:MenuItem>
                                        <asp:MenuItem Text="Menu6" Value="Menu6"></asp:MenuItem>
                                        <asp:MenuItem Text="Menu7" Value="Menu7"></asp:MenuItem>
                                    </Items>
                                </asp:Menu>
                            </Content>
                        </ext:Panel>
                    </North>
                    <East Collapsible="true" Split="true">
                        <ext:Panel ID="Panel2" runat="server" Title="East" Width="175" Collapsed="True">
                            <Content>
                                <ext:FitLayout ID="FitLayout1" runat="server">
                                    <ext:TabPanel ID="TabPanel1" runat="server" Border="false" TabPosition="Bottom" Title="Title">
                                        <Tabs>
                                            <ext:Tab ID="Tab1" runat="server" Title="Tab 1">
                                            </ext:Tab>
                                            <ext:Tab ID="Tab2" runat="server" Title="Tab 2">
                                            </ext:Tab>
                                        </Tabs>
                                    </ext:TabPanel>
                                </ext:FitLayout>
                            </Content>
                        </ext:Panel>
                    </East>
                    <South Collapsible="true" Split="true">
                        <ext:Panel ID="PanelSouth" runat="server" Height="40" Title="">
                            <Content>
                            </Content>
                        </ext:Panel>
                    </South>
                    <West Collapsible="true" Split="true">
                        <ext:Panel ID="PanelWest" runat="server" Title="PWest" Width="175">
                            <Content>
                                <ext:Accordion ID="Accordion1" runat="server" Animate="true">
                                </ext:Accordion>
                            </Content>
                        </ext:Panel>
                    </West>
                    <Center Split="True">
                        <ext:TabPanel runat="server" Title="Center" ID="ctl28">
                            <Tabs>
                                <ext:Tab runat="server" ID="CenterFrame" Title="Main" Border="false" Closable="false"
                                    Frame="true">
                                </ext:Tab>
                                <ext:Tab runat="server" Title="Tab 2" Closable="true" ID="ctl29">
                                </ext:Tab>
                            </Tabs>
                        </ext:TabPanel>
                    </Center>
                </ext:BorderLayout>
            </Content>
        </ext:ViewPort>

Thank you in advance.

[geoffrey.mcgill]

Yes, there are z-index issues with some of the asp controls. The z-index needs to be jacked way up.

The following sample demonstrates how the Menu would be built in the next version of the Toolkit (v0.7).

Example

<ext:Panel ID="Panel1" Title="" runat="server" Height="80">
    <TopBar>
        <ext:Toolbar runat="server">
            <Items>
                <ext:Button runat="server" Text="Menu1" />
                <ext:Button runat="server" Text="Menu2" />
                <ext:Button runat="server" Text="Menu3">
                    <Menu>
                        <ext:Menu runat="server">
                            <Items>
                                <ext:MenuItem runat="server" Text="Item1" />
                                <ext:MenuItem runat="server" Text="Item2" />
                                <ext:MenuItem runat="server" Text="Item3">
                                    <Menu>
                                        <ext:Menu runat="server">
                                            <Items>
                                                <ext:MenuItem runat="server" Text="SubItem1" />
                                                <ext:MenuItem runat="server" Text="SubItem2" />
                                                <ext:MenuItem runat="server" Text="SubItem3" />
                                            </Items>
                                        </ext:Menu>
                                    </Menu>
                                </ext:MenuItem>
                            </Items>
                        </ext:Menu>
                    </Menu>
                </ext:Button>
            </Items>
        </ext:Toolbar>
    </TopBar>
</ext:Panel>

There are a few examples in the explorer as well, see https://examples1.ext.net/#/Toolbar/...ar_with_Menus/

[egodoy]

Geoffrey,

I'll wait for v0.7.

Thank you very much for taking the time on this issue.

Ernesto.