New to Telerik UI for WPF? Download free 30-day trial

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

RadNavigationView in Minimal DisplayMode

Figure 2: RadNavigationView in Compact DisplayMode in the Office2016 theme

RadNavigationView in Compact DisplayMode

Figure 3: RadNavigationView in Expanded DisplayMode in the Office2016 theme

RadNavigationView in Expanded DisplayMode

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

RadNaviationView 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 

See Also

In this article