RadMenuItem display horizontal

[Cheng Lim Sek]

I have change the rad menu item's group setting to flow=horizontal. But the child drop down still in vertical flow.

Can anyone help?

<

 

telerik:RadMenu ID="RadMenu" Runat="server" Skin="Web20" Width="100%">

 

 

<DefaultGroupSettings Flow="Horizontal" />

 

 

<Items>

 

 

<telerik:RadMenuItem runat="server" Text="Root RadMenuItem1">

 

 

<Items>

 

 

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">

 

 

</telerik:RadMenuItem>

 

 

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">

 

 

</telerik:RadMenuItem>

 

 

</Items>

 

 

<GroupSettings Flow="Horizontal" />

 

 

</telerik:RadMenuItem>

 

 

<telerik:RadMenuItem runat="server" Text="Root RadMenuItem2">

 

 

<Items>

 

 

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">

 

 

</telerik:RadMenuItem>

 

 

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">

 

 

</telerik:RadMenuItem>

 

 

</Items>

 

 

<GroupSettings Flow="Horizontal" />

 

 

</telerik:RadMenuItem>

 

 

<telerik:RadMenuItem runat="server" Text="Root RadMenuItem3">

 

 

<Items>

 

 

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">

 

 

</telerik:RadMenuItem>

 

 

</Items>

 

 

<GroupSettings Flow="Horizontal" />

 

 

</telerik:RadMenuItem>

 

 

<telerik:RadMenuItem runat="server" Text="Root RadMenuItem4">

 

 

</telerik:RadMenuItem>

 

 

</Items>

 

 

</telerik:RadMenu>

 

 

[Yana]

Hi Cheng,

I've tested the provided code and the sub menu is horizontal as expected. Please check the attached screenshot for a reference. I guess that some styles on your page overwrite the menu styles. Could  you please send us a live url where we could observe the problem? Thanks

Regards,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.