Edit this page

Resizing

Users can use the horizontal splitter to resize the selected and active
area. The following properties are related to the size of those two areas:

  • MinContentHeight - the minimum height of the selected content area.

  • ActiveItemsMaxCount - the maximum number of items in the active area. When the items are more they go to the minimize or overflow area automatically.

  • MinimimizedAreaMinHeight - the minimum height of the minimized area.

<telerik:RadOutlookBar MinContentHeight="300">
    <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>

Handle when item changes its position in the RadOutlookBar

To handle the changes in the position of the item you can subscribe to the ItemPositionChanged event in the way showed below:

<telerik:RadOutlookBar ActiveItemsMaxCount="1"
                       ItemPositionChanged="RadOutlookBar1_ItemPositionChanged">
    <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_ItemPositionChanged(object sender, PositionChangedEventArgs e)
{
    RadOutlookBarItem outlookBarItem = e.OriginalSource as RadOutlookBarItem;
    OutlookBarItemPosition oldPosition = e.OldPosition;
    OutlookBarItemPosition newPosition = e.NewPosition;
}
Private Sub RadOutlookBar1_ItemPositionChanged(ByVal sender As Object, ByVal e As PositionChangedEventArgs)
    Dim outlookBarItem As RadOutlookBarItem = TryCast(e.OriginalSource, RadOutlookBarItem)
    Dim oldPosition As OutlookBarItemPosition = e.OldPosition
    Dim newPosition As OutlookBarItemPosition = e.NewPosition
End Sub

See Also