How can i use Syncfusion theme resources?

[Morgan Everett]

I am using the project “Skinmanager_sample_54f29bdc_latest” for testing as seen in the attached images.

https://www.syncfusion.com/forums/160024/change-theme-at-runtime

https://www.syncfusion.com/downloads/support/forum/160024/ze/Skinmanager_sample_54f29bdc

Referring to the attached images:

• I can set a Rectangle Fill to Bisque
• I cannot find a way to set the Rectangle Fill to any brush or color from Syncfusion.
• (doesn’t work) Fill="{DynamicResource test:ThemeColors.HorizontalThumbPressedBrush}"
• (doesn’t work) Fill="{DynamicResource SyncPrimaryColor}"
• (doesn’t work) Fill= "{DynamicResource {x:Static syncfusion:ThemeColors.BackgroundBrush}}"

In the case of “HorizontalThumbPressedBrush” you can see I am trying to use the Syncfusion.Windows.Shared.Resources namespace.

I have looked all over trying to find a list of Resource Keys used by Syncfusion controls, where can I find them?

For example, in the Xamarin.Forms Documentation: https://help.syncfusion.com/xamarin/themes/keys

Where is the WPF version?

And how to I assign one of those resources to a UIElement property in XAML?

Thank you in advance.

Attachment: images_db582cad.zip

[Elakkiya Muthukumarasamy]

Hi Morgan, 

Greetings from Syncfusion. 

We are working to achieve your requirement and we need some more time to check this. We will update the further details on 25^th October 2021.We appreciate your patience until then. 

Regards, 

Elakkiya 

[Elakkiya Muthukumarasamy]

Hi Morgan, 

 

Thanks for your patience.  

 

On the further analysis we can able to set the Rectangle Fill to the Syncfusion color. But in WPF platform we have nearly 150 controls. So, we need to check the feasibility to achieve this requirement. We need some more time, and we will update the further details on 27^th October 2021.We appreciate your patience until then. 

 

In the Meantime, can you please update us which syncfusion control color want to set the Rectangle Fill. We will update the keys to resolve your requirement (If you are trying to apply any specific control color) temporarily. 

 

Regards, 

Elakkiya 

[Sangavi Periyannan]

From: Morgan Everett  

Sent: Monday, October 25, 2021 10:02 AM
To: Syncfusion Support <[email protected]>
Subject: RE: Syncfusion Forum [169827] has a new reply - How can i use Syncfusion theme resources? 

Sorry, I don’t think you understand. We have several different custom themes we are creating for our app, so we need to be able to set the different properties on the Ribbon bar so it can match our themes.  It wouldn’t just be one color, we need to a collection of the different keys we need, a guide like the one that is available for Xamarin 

https://help.syncfusion.com/xamarin/themes/keys 

Morgan Everett

[Elakkiya Muthukumarasamy]

  

 

Hi Morgan, 

 

Thanks for your patience. 

 

From your update we understand that you want to use keys to fill your Rectangle like Xamarin.Forms. We need to check the feasibility to show the keys for all the controls like Xamarin.Forms since we have nearly 150 controls in WPF platform. 

 

In the Meantime, we have provided the solution of this requirement. 

 

To get the keys for different controls while using specific theme you can use export theme option. While exporting the theme the keys for all controls added in Brushes.Xaml file(located in Common Folder).In this file we have added the keys for all the controls for exported theme. You can set the keys dynamically for Rectangle. Please refer the below help documentation to export the theme. 

 

Reference link: https://help.syncfusion.com/wpf/themes/theme-studio#exporting-theme-project 

 

As of now we understand that you want to fill RibbonBar key color in your Rectangle. For this first you need to set the theme in your project. Please refer the below screen shot for keys of Ribbon control for syncfusion themes. Also, we have shared the excel file which we have maintain internally to map the keys for Ribbon control. 

 

Screen shot for key of Ribbon 

 

 

 

 

In the below file left side we have added the keys name for Ribbon control 

 

Key file for Ribbon : https://www.syncfusion.com/downloads/support/directtrac/general/ze/Ribbon1110636518 

 

 

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Skinmanager_sample_Modified-1278696930 

 

Output: 

 

 

 

Please try it with the above solution and let us know if you have any clarification on this solution. If you have not clear with this solution, we request you to arrange a web meeting to clearly explain this solution. Can you to provide your availability time. So, that we can check and arrange the meeting accordingly. 

 

Regards, 

Elakkiya