We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

SVG Exports Don't Work as CSS Backgrounds

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

5 Replies

MA Muthukumar A Syncfusion Team April 1, 2015 05:03 AM UTC

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


GA Gary April 1, 2015 05:59 AM UTC

Hi Muthukumar,

That's great news.

Thanks,
Gary


MA Muthukumar A Syncfusion Team April 2, 2015 10:49 AM UTC

Hi Gary,

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

Regards,
Muthukumar A


GA Gary June 11, 2015 08:23 AM UTC

Hi,

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

Thanks,
Gary




MA Muthukumar A Syncfusion Team June 12, 2015 11:35 AM UTC

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

Loader.
Up arrow icon