Skip to main content

         This documentation site is for previous versions. Visit our new documentation site for current releases.      

This content has been archived and is no longer being updated.

Links may not function; however, this content may be relevant to outdated versions of the product.

Using full-screen menus to improve mobile navigation

Updated on February 12, 2016

Use the full-screen menu setting in the Skin form for enhanced mobile functionality and to provide a smooth and seamless mobile navigation experience.

To enable the "Show Menu" action:

  1. Open the targeted Skin form.
  2. From the Component styles tab, click the split-button icon. In the Controls column, select Menus.
  3. Select the Display "Show Menu" as full screen menu check box.

Once enabled, this feature offers improvement over the use of regular drop-down menus, which can be difficult to navigate on a mobile device.


Mobile display without full-screen menus

These menus can instead be shown as full-screen overlays. Users can dismiss the menu by clicking X.


Mobile display with full-screen menus and intuitive navigation icons

Additionally, the header displays the Navigation rule description. If there are child menu items, then the menu item label is displayed. The header can also be fully branded for both desktop and mobile.

For more information about the Show menu control, see Skin form – Components tab – Controls – Menus.

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best. is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us