Adding PanelBar(another Kendo Component) inside Menu

[Erick]

Hello.

I want to add a PanelBar inside a Menu, because I need expanded/collapsed fields inside the menu
I tried this:

@(Html.Kendo().Menu().Name("Menu")

    .Items(items =>

    {

        items.Add().Text("Products")

        .Items(children =>

        {

            children.Add().Text("Furniture");

        });

        items.Add().Text("Stores")

        .Content(@<text>

                @(Html.Kendo().PanelBar().Name("panelbar").ExpandMode(PanelBarExpandMode.Multiple)

                .HtmlAttributes( new { style = "width: 300px" })

                .Items(panelbar =>

                {

                    panelbar.Add().Text("My TeamMates")

                    .Items(it =>

                    {

                        it.Add().Text("First");

                        it.Add().Text("Second");

                    });

                })

            )

        </text>);

    })

)

But the panel is interpreted as children and his items as inner children.

Many thanks.

[Petur Subev]

Hello Erick,

Adding PanelBar inside a Menu item is not supported. Both widgets are similar and they are using same classes (since they share common visual styles) for their HTML elements which causes the CSS selectors to produce such look and behavior.

Kind Regards,
Petur Subev
the Telerik team