Search code examples
wpfvisual-studiosvgdevexpressglyph

Change color of SVG in accordion control with wpf devexpress


I have an accordion control with svg's as button icon/glyph. It seems that visual studio/wpf or whatever would control the defaults the color to gray instead of svg's actual color. I am trying to change the color of the svg as well as the text content associated with it. I found a workaround by applying an image colorizer effect to the icon/glyph within the properties tab, but this seems to hide the blue highlight of the text content when user hovers over the button. So it seems that the colorizer would not be the actual answer to my issue. I hope I am explaining this well and hope someone can lead me in the correct direction. I have been searching for an answer across multiple sources and I have not found anything that answers my question specifically.


Solution

  • As far as I can see you are using SVG-glyphs with the DevExpress Accordion Control for WPF and trying to customize these glyphs.

    So, I suggest you start from the Svg Images Overview help article which demonstrates the common concepts of using the SVG with DevExpress WPF controls.

    TLDR, the application's current theme determines an SVG Image's predefined colors by default. Refer to the Predefined Colors topic for more information.

    You can use palettes to replace predefined colors and custom colors that are not defined in DevExpress palettes. The SVG Image Palettes article clearly describes how you can modify the colors via the palettes technique.