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

Selection

Handling selection changes

To handle changes in the selection you can use the SelectionChanged event:

<telerik:RadOutlookBar PreviewSelectionChanged="RadOutlookBar1_PreviewSelectionChanged" 
                       SelectionChanged="RadOutlookBar1_SelectionChanged"> 
    <telerik:RadOutlookBarItem Header="Item 1" Icon="Letter.png"> 
        <TextBlock Text="Item 1 Content" /> 
    </telerik:RadOutlookBarItem> 
    <telerik:RadOutlookBarItem Header="Item 2"  
                               Icon="Letter.png" 
                               IsSelected="True"> 
        <TextBlock Text="Item 2 Content" /> 
    </telerik:RadOutlookBarItem> 
    <telerik:RadOutlookBarItem Header="Item 3" Icon="Letter.png"> 
        <TextBlock Text="Item 3 Content" /> 
    </telerik:RadOutlookBarItem> 
</telerik:RadOutlookBar> 

private void RadOutlookBar1_SelectionChanged(object sender, RoutedEventArgs e) 
{ 
    RadOutlookBarItem newSelectedItem = (sender as 
    RadOutlookBar).SelectedItem as RadOutlookBarItem; 
} 
 
private void RadOutlookBar1_PreviewSelectionChanged(object sender, Telerik.Windows.Controls.RadSelectionChangedEventArgs e) 
{ 
    //use the Handled property to prevent the selection            
} 
Private Sub RadOutlookBar1_SelectionChanged(ByVal sender As Object, ByVal e As RoutedEventArgs) 
    Dim newSelectedItem As RadOutlookBarItem = TryCast(TryCast(sender, RadOutlookBar).SelectedItem, RadOutlookBarItem) 
End Sub 
Private Sub RadOutlookBar1_PreviewSelectionChanged(sender As Object, e As Telerik.Windows.Controls.RadSelectionChangedEventArgs) 
    'use the Handled property to prevent the selection'            
End Sub 

Setting selected item

You can set the selected item by using its IsSelected property:

<telerik:RadOutlookBar> 
    <telerik:RadOutlookBarItem Header="Item 1" Icon="Letter.png"> 
        <TextBlock Text="Item 1 Content" /> 
    </telerik:RadOutlookBarItem> 
    <telerik:RadOutlookBarItem Header="Item 2"  
                               Icon="Letter.png" 
                               IsSelected="True"> 
        <TextBlock Text="Item 2 Content" /> 
    </telerik:RadOutlookBarItem> 
    <telerik:RadOutlookBarItem Header="Item 3" Icon="Letter.png"> 
        <TextBlock Text="Item 3 Content" /> 
    </telerik:RadOutlookBarItem> 
</telerik:RadOutlookBar> 

Properties

The following properties are related to the selection mechanism of the RadOutlookBar:

  • SelectedItem - get or set the selected item

  • SelectedIndex - get the index of selected item

  • SelectedContent - get the selected content

There are also the following properties related to the styling of the selected content and item:

  • SelectedContentTemplate - template for the selected content.

  • SelectedContentTemplateSelector - template selector for the selected content

See Also

In this article