Selection

Handling selection changes

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

• XAML

<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> 

• C#
• VB.NET

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:

• XAML

<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