[CLOSED] Child menu item disabled on parent click

[Kev]

Hi,
I've got a viewport with a menu panel and menu items in the west section. What I've noticed is that if the menu item has child items and you click the menu item, the child menu will not show unless you click on another menu item (and so that is then disabled). How do you get the menu item to show it's child items even if the user clicks the menu item? Here is the west section of my view port:

<ext:Panel ID="Panel2" 
                runat="server" 
                Title="Menu" 
                Region="West"
                Width="225" 
                MinWidth="225" 
                MaxWidth="400" 
                Split="true"
                Layout="AccordionLayout"
                Collapsible="true">
                <Items>
                    <ext:Panel ID="Panel3" 
                        runat="server" 
                        Title="Navigation" 
                        Border="false"
                        Icon="Folder">
                            <Items>
                                <ext:MenuPanel 
                                    ID="MenuPanel1" 
                                    runat="server" 
                                    Region="West" Border="false">
                                    <Menu ID="Menu1" runat="server">
                                        <Items>
                                            <ext:MenuItem runat="server" Text="Menu 1">
                                                <Menu>
                                                    <ext:Menu runat="server">
                                                        <Items>
                                                            <ext:MenuItem runat="server" Text="Menu 1 Child 1" />
                                                            <ext:MenuItem runat="server" Text="Menu 1 Child 2" />
                                                        </Items>
                                                    </ext:Menu>
                                                </Menu>
                                            </ext:MenuItem>
                                            <ext:MenuItem runat="server" Text="Menu 2">
                                                <Menu>
                                                    <ext:Menu runat="server">
                                                        <Items>
                                                            <ext:MenuItem runat="server" Text="Menu 2 Child 1" />
                                                            <ext:MenuItem runat="server" Text="Menu 2 Child 2" />
                                                        </Items>
                                                    </ext:Menu>
                                                </Menu>
                                            </ext:MenuItem>
                                        </Items>
                                    </Menu>
                                </ext:MenuPanel>
                            </Items>
                        </ext:Panel>
                        <ext:Panel ID="Panel4" 
                            runat="server" 
                            Title="Reports" 
                            Border="false" 
                            BodyPadding="6"
                            Icon="FolderWrench"
                            Html="Some settings in here"
                        />
                </Items>
            </ext:Panel>

[Daniil]

Hi @Kev,

Do you really need a MenuPanel? It can be replaced with a common Menu. It seems to behave as you need.

Example

<ext:Menu runat="server" Floating="false">
    <Items>
        <ext:MenuItem runat="server" Text="Menu 1">
            <Menu>
                <ext:Menu runat="server">
                    <Items>
                        <ext:MenuItem runat="server" Text="Menu 1 Child 1" />
                        <ext:MenuItem runat="server" Text="Menu 1 Child 2" />
                    </Items>
                </ext:Menu>
            </Menu>
        </ext:MenuItem>
        <ext:MenuItem runat="server" Text="Menu 2">
            <Menu>
                <ext:Menu runat="server">
                    <Items>
                        <ext:MenuItem runat="server" Text="Menu 2 Child 1" />
                        <ext:MenuItem runat="server" Text="Menu 2 Child 2" />
                    </Items>
                </ext:Menu>
            </Menu>
        </ext:MenuItem>
    </Items>
</ext:Menu>

[Kev]

Thanks Daniil. That worked.