How do I apply the current syncfusion theme to the Ribbon control?
See the attached example.
Project is made with Visual Studio 2015 using version 18.2.0.44.
Attachment: WpfApplication1_be04d1ff.zip
SIGN IN To post a reply.
9 Replies
Hi Zeljko
Thank you for your update.
We have checked the reported query and understood that your requirement is to apply the MaterialDarkBlue theme for Ribbon control. However in your sample, you have not changed the Window to RibbonWindow and also not refer the RibbonBar style according to the referred SfSkinManager themes. So only the theme does not reflected in your sample. We have modified the same and it can be downloaded from following location:
Code:
|
<Setter.Value>
<Style BasedOn="{StaticResource SyncfusionRibbonBarStyle}" TargetType="{x:Type syncfusion:RibbonBar}">
<Setter Property="Header" Value="{Binding BarHeader}" />
<Setter Property="ItemsSource" Value="{Binding CustomRibbonItems}" />
<Setter Property="ItemTemplateSelector" Value="{StaticResource selector}" />
</Style>
</Setter.Value>
|
Sample:
Sample: https://www.syncfusion.com/downloads/support/forum/159898/ze/WpfApplication_modified460389047.zip
Please let us know if you need any further assistance on this.
Regards,
Vijayalakshmi VR
Thanks. I wasn't aware the RibbonWindow was required.
However, adding references to other syncfusion themes, and changing syncfusion:SfSkinManager.VisualStyle will result in a crash.
Here are some themes I tested: blend, Office365, Office2016Colorfull
If I removed the "BasedOn" property circled in red, then it will launch without crashing.
Hi ZeljikoThank you for your update.From your update, we come to know that you are dynamically changing the SfSkinManager themes. So here we have listed out the Predefined style maintained for RibbonBar of all our SfSkinManager themes.
It's still crashing when attempting to use "Default" visual style.
S.NO | Themes | Predefined style key |
1. | Default | DefaultRibbonBarStyle |
<syncfusion:RibbonWindow x:Class="WpfApplication1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:WpfApplication1" xmlns:syncfusion="http://schemas.syncfusion.com/wpf" xmlns:syncfusionskin="clr-namespace:Syncfusion.SfSkinManager;assembly=Syncfusion.SfSkinManager.WPF" Title="MainWindow" Width="525" Height="350" WindowStartupLocation="CenterScreen" syncfusionskin:SfSkinManager.VisualStyle="Default"> <Window.Resources> <ResourceDictionary> <local:BooltoSizeformConverter x:Key="sizeform" /> <local:ItemDataTemplateSelector x:Key="selector" /> <local:ImageConverter x:Key="image" /> <DataTemplate x:Key="Ribbonbutton"> <syncfusion:RibbonButton Label="{Binding ItemHeader}" LargeIcon="{Binding Image, Converter={StaticResource image}}" SizeForm="{Binding IsLarge, Converter={StaticResource sizeform}}" SmallIcon="{Binding Image, Converter={StaticResource image}}" /> DataTemplate> <DataTemplate x:Key="Splitbutton"> <syncfusion:SplitButton Label="{Binding ItemHeader}" LargeIcon="{Binding Image, Converter={StaticResource image}}" SizeForm="{Binding IsLarge, Converter={StaticResource sizeform}}" SmallIcon="{Binding Image, Converter={StaticResource image}}" /> DataTemplate> ResourceDictionary> Window.Resources> <Window.DataContext> <local:ViewModel /> Window.DataContext> <Grid> <syncfusion:Ribbon x:Name="_ribbon" VerticalAlignment="Top" ItemsSource="{Binding CustomRibbonTabs}"> <syncfusion:Ribbon.ItemContainerStyle> <Style TargetType="{x:Type syncfusion:RibbonTab}"> <Setter Property="Caption" Value="{Binding TabHeader}" /> <Setter Property="ItemsSource" Value="{Binding CustomRibbonBars}" /> <Setter Property="ItemContainerStyle"> <Setter.Value> <Style BasedOn="{StaticResource DefaultRibbonBarStyle}" TargetType="{x:Type syncfusion:RibbonBar}"> <Setter Property="Header" Value="{Binding BarHeader}" /> <Setter Property="ItemsSource" Value="{Binding CustomRibbonItems}" /> <Setter Property="ItemTemplateSelector" Value="{StaticResource selector}" /> Style> Setter.Value> Setter> Style> syncfusion:Ribbon.ItemContainerStyle> syncfusion:Ribbon> Grid> syncfusion:RibbonWindow>
Hi Zeljko
Thank you for your update.
As the default theme for Ribbon is generic , then all parts of Ribbon would be properly rendered without applying it explicitly. So we recommend you to not to set the BasedOn style for RibbonBar for Default theme. However when you are trying to apply other themes expect default, the RibbonBar style need to be apply it explicitly and it would work as expected. Please find the sample for the same for default theme.
Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Default_styleribbon-90051806.zip
Screenshot:
So please try this suggestion and let us know if it is resolved at your end.
Regards,
Vijayalakshmi VR
SIGN IN To post a reply.
