diff --git a/wpf/Ribbon/Backstage.md b/wpf/Ribbon/Backstage.md index 455128d3a..144d39740 100644 --- a/wpf/Ribbon/Backstage.md +++ b/wpf/Ribbon/Backstage.md @@ -2406,3 +2406,70 @@ private void MainWindow_Loaded(object sender, RoutedEventArgs e) ![WPF Ribbon BackStageButton collapsed by using Visibility property](GettingStarted_images/wpf-ribbon-backstagebutton-visibility.png) +## Customizie the Backstage Header + +You can customize the `BackstageButton` header in Ribbon by using the `BackStageHeaderTemplate` property. This property accepts a DataTemplate to define the header layout, such as adding an icon and text. + +The following code example illustrates how to customize the BackstageButton header. + +{% tabs %} + +{% highlight XAML %} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +{% endhighlight %} + +{% endtabs %} + +![WPF Ribbon BackStageButton header template support by using BackStageHeaderTemplate property](GettingStarted_images/wpf-ribbon-backstagebutton-template.png) \ No newline at end of file diff --git a/wpf/Ribbon/getting-started_images/wpf-ribbon-backstagebutton-template.png b/wpf/Ribbon/getting-started_images/wpf-ribbon-backstagebutton-template.png new file mode 100644 index 000000000..9d26e0816 Binary files /dev/null and b/wpf/Ribbon/getting-started_images/wpf-ribbon-backstagebutton-template.png differ