SVG Exports Don't Work as CSS Backgrounds

[Gary]

Hi,

I'm using Metrostudio to export an icon in SVG format. However attempting to use the exported SVG file does not work correctly when using as a background image in CSS3.

If I use straight-forward formatting as follows:

        background-image: url(/Images/clock-tick.svg);

        background-position: 8px 8px;

        background-repeat: no-repeat;

        background-size: 32px 32px;

This has no affect on the size or position of the SVG icon displayed. I tried the same styling with an SVG file from another source and it works correctly.

Please explain if I am doing something incorrectly in terms of the CSS used.

Thanks,

Gary Halberstadt

[Muthukumar A]

Hi Gary,

We are able to reproduce the issue with sizing of Metro Studio exportedSVGs. We have logged an issue report for this andthis will be fixed in any of our upcoming Metro Studio release.

Regards,
Muthukumar A

[Gary]

Hi Muthukumar,

That's great news.

Thanks,

Gary

[Muthukumar A]

Hi Gary,

Thanks for the update.
Please let us know if you need any further asssitance.

Regards,
Muthukumar A

[Gary]

Hi,

Any idea when an update will be released to correct this problem?

Thanks,

Gary

[Muthukumar A]

Hi Gary,
 
We are yet to decide the release date of Next version Metro Studio. Please visit our website periodically for further updates.
Please let us know if you need any further assistance.
 
Regards,
Muthukumar A