Hi, we need add svg images as the background image of controls such as panel, but it is not displayed with correct color filled in the shape.
The shape was filled with light gray or other color but when displayed it is always filled with dark gray. The other wired thing is it will be displayed correctly when the complete page is refreshed by browser. But when the page is first loaded, it is again showed with dark gray.
We are using 2.2.14. Attached svg file and images for your reference.
Thanks,
The svg you are using in monochrome. Wisej detects that it’s monochrome and sets the color to match the theme or the ForeColor of the control or the color specfied when picking the image. It’s similar to using font images except that it’s a lot better.
See screenshots attached. I get always the same colors on first load and refreshes. The top 3 are PictureBox with ForeColor changed (the first is the theme). The bottom 2 boxes are panels with BackgroundImageSource, the second on the right changed the color using the image picker.
You can preserve the original color by using the color picker when selecting the image: i.e. image.svg?color=#E7E7E7
Or you can make ths svg not be monochrome. Just change one of the fill to “#E7E7E6”. Or add an empty <path fill=”#E7E7E6″></path>.
Please login first to submit.
