1. Home
  2. Forum
  3. WPF
  4. How can i use Syncfusion theme resources?

How can i use Syncfusion theme resources?

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

4 Replies
EM Elakkiya Muthukumarasamy Syncfusion Team October 23, 2021 03:30 PM UTC

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 25th October 2021.We appreciate your patience until then. 

Regards, 
Elakkiya 


EM Elakkiya Muthukumarasamy Syncfusion Team October 25, 2021 12:25 PM UTC

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 27th 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 


SP Sangavi Periyannan Syncfusion Team October 26, 2021 04:51 AM UTC

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 



Morgan Everett

EM Elakkiya Muthukumarasamy Syncfusion Team October 27, 2021 01:28 PM UTC

  
 
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. 
 
 
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 
 
 
 
 
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 
 


Loader.
Up arrow icon