Radmenu orientation

[Anly]

Hellow

How to set the radmenu orientation in javascript?

Thanks
Anly

[Princy]

Hi Anly,

I guess you want to set the Items Flow of the RadMenu. Please have a look at the following JavaScript code.

JavaScript:

var radmenu = $find('<%=RadMenu1.ClientID %>');
radmenu.get_defaultGroupSettings().set_flow(1);

Thanks,
Princy.

[Joan]

Can anyone confirm if this syntax is still valid? I am attempting to change the flow from vertical to horizontal in javascript and although I can confirm I am accessing the RadMenu correctly, the ".set_flow()" property is not working for me.

[Vessy]

Hi Joan,

Currently the orientation of the menu can be changed only on the server-side like demonstrated in the following demo:

https://demos.telerik.com/aspnet-ajax/menu/examples/functionality/itemflow/defaultcs.aspx

[Joan]

Thanks Vessy.

I currently have a vertical radmenu in a page layout column and the screen contents in the next page layout column. This works great for all devices except ipad portrait (medium viewport). In that case, the menu appears stacked above the screen content so that you have to scroll a full page just to view the content itself. I had hoped to switch the menu to horizontal to eliminate the problem. Since that's not possible, do you know a way I could force the menu to appear as a hamburger?

[Vessy]

Hi Joan,

Can you ensure that there is no any JavaScript error when the layout of the menu is broken in iPad? Also, are you able to reproduce the same behavior in the Chrome device emulator? Does the issue persists if you remove temporary all custom CSS styles from the page?

In addition, I will suggest that you consider using the Mobile Render mode of RadMenu which comes with a Hamburger icon in mobile devices: https://demos.telerik.com/aspnet-ajax/menu/examples/mobile-and-touch-support/adaptive-behavior/defaultcs.aspx