Hi,
We want to set the content of the backstage menu through data binding using an ObservableCollection with one view model per backstage item. We managed to get backstage items using the folowing item container style:
<Style x:Key="backstageItemStyle" TargetType="{x:Type ribbon:BackstageTab}">
<Setter Property="Header" Value="{Binding Header}" />
<Setter Property="Content" Value="{Binding Content}" />
<Setter Property="KeyTipAccessText" Value="{Binding Shortcut}" />
</Style>
Content is a User Control. The ApplicatioMenu is defined like this:
<ribbon:Ribbon.ApplicationMenu>
<ribbon:Backstage x:Name="appMenu" ItemsSource="{Binding BackstageControls}" ItemContainerStyle="{StaticResource backstageItemStyle}">
</ribbon:Backstage>
</ribbon:Ribbon.ApplicationMenu>
What we need help with is adding buttons and separators to the Backstage Menu. It seems that every view model in the BackstageControls collection is always rendered inside a BackstageTab. How do we do this?