Display Mode
The RadNavigationView dynamically adjusts its layout depending on its size. It has three modes Minimal, Compact and Expanded.
Figure 1: RadNavigationView in Minimal DisplayMode in the Office2016 theme
Figure 2: RadNavigationView in Compact DisplayMode in the Office2016 theme
Figure 3: RadNavigationView in Expanded DisplayMode in the Office2016 theme
DisplayMode Thresholds
By default the RadNavigationView changes its DisplayMode when its size passes certain thresholds. Those are the CompactModeThresholdWidth and ExpandedModeThresholdWidth. When the width of the control reaches these thresholds, its DisplayMode changes. The default value for CompactModeThresholdWidth is 641 and the default value for ExpandedModeThresholdWidth is 1008. You can modify these values to customize the adaptive display mode behavior. Figure 1 illustrates how the DisplayMode changes while resizing.
Figure 1: RadNavigationView DisplayModes
AutoChangeDisplayMode
By default the RadNavigationView handles its SizeChanged event in order to change its DisplayMode based on the values of the CompactModeThresholdWidth and ExpandedModeThresholdWidth properties. If you do not want this to be the case, you can set the AutoChangeDisplayMode property to False as demonstrated in Example 3.
Example 3: Setting the AutoChangeDisplayMode to False in xaml
<telerik:RadNavigationView x:Name="navigationView" AutoChangeDisplayMode="False" />
Example 4: Setting the AutoChangeDisplayMode to False in code
this.navigationView.AutoChangeDisplayMode = false;
Me.navigationView.AutoChangeDisplayMode = False