I have an SVG image called DollarGreen which displays without problems in developer and when the solution is launched.
I made a new SVG image called DollarRed from the DollarGreen SVG code. The only change in the SVG is the color of the fill:
- Code: Select all
<g transform="matrix(.16417 0 0 .1442 -3.4162 15.565)" fill="#029c0e">
was changed to:
- Code: Select all
<g transform="matrix(.16417 0 0 .1442 -3.4162 15.565)" fill="#eb2d37">
I added the DollarRed.svg file to Servoy Developer using the "Import Media" menu item from the Media context menu. When clicked in the Media list in Servoy Developer the DollarRed image is correctly displayed. The same is true when I drag and drop it into the Chrome browser.
In the relevant css file, in addition to the css for the DollarGreen, I added a new DollarRed item:
- Code: Select all
.DollarGreen {
background-image: url(DollarGreen.svg);
background-repeat: no-repeat;
border: none;
border-radius: 0 0 0 0;
}
.DollarRed {
background-image: url(DollarRed.svg);
background-repeat: no-repeat;
border: none;
border-radius: 0 0 0 0;
}
On the form I made a new Label/Button item and set it up identically to the DollarGreen item except that its style class was set to "DollarRed".
The DollarGreen image is visible on the form but DollarRed is not and the same is true when the solution is launched.
I have tried deleting and recreating it, tried restarting Developer, tried restarting my Windows 10. I have tried a project clean. Nothing works.
When I change the background-image css for DollarRed to DollarGreen the DollarGreen image is displayed. When I change it back to DollarRed, no image is shown.
This is a bit of a show-stopper. I need the image to appear.
Any help appreciated.
Terry