RadNavigationView is exposed as a stand-alone control inheriting RadPageView. It is a top-level container for your controls that offers pages, content area, display mode options, hierarchy support and more. The control has similar semantics to the RadPageView and you can create a custom view over a collection of pages or customize the control as you see fit via its intuitive API.
RadNavigationView holds the page list in a collapsible navigation pane that behaves differently depending on the selected display mode. It supports four display modes - Minimal, Compact, Expanded and Auto.
This mode displays a header with a hamburger button. Once you click the button, you will see a popup that contains the page icons and names.
This mode displays only the icons of the page items without their texts. The icons are always visible and once you click the hamburger button it will expand the navigation pane as a popup above the content area and display the page texts as well.
With this mode, both the icons and the text of the items are displayed. The pane can be collapsed by clicking the hamburger button, which will display only the icons and will free more space. When the pane is expanded or collapsed the content area changes its size.
This mode switches between the other three modes depending on the available free space. By default, if the width is below 641 pixels it selects the Minimal mode. When the width is between 641 and 1008 pixels it switches to the Compact mode. If there are more than 1008 pixels available it selects the Expanded mode.
RadNavigationView allows defining sub-items to a page in order to achieve a hierarchical menu style. You can achieve this programmatically or set up your hierarchy at Design Time. If you take the latter and faster approach, you will be able to either add new pages or drag existing pages to a different location thus building nested menus.