UI::WebDialog class uses the MSIE WebBrowser Control on Windows editions, and Safari on Mac editions.
These libraries are dependent upon the installed browser version on the end user’s machine.
For example, SketchUp installed on Windows XP machines, can only have MSIE v8 maximum.
There is also a default browser emulation setting, set by the SketchUp installer for all version and instances of “sketchup.exe” running on Windows machines. (This has been set to MSIE 9 since SketchUp 2015, I believe. But will be increased soon, because of 3rd party web services like Google Maps API, dropping support for all versions of MSIE below v10.)
But you should be trying to target a minimum browser version that works for your dialog, by overriding this in your HTML pages for your WebDialog.
See: MSDN: Specifying legacy document modes (Internet Explorer)
<meta> tag in your WebDialog’s
<head> element, to set document mode to MSIE v11:
<meta http-equiv="x-ua-compatible" content="IE=11">
Okay? So what I am getting at here is,
- Your page needs to be in standards mode to render SVG, so use a doctype tag at the top of the HTML:
Choose a mode that supports rendering SVG
(late MSIE 9, v10 or higher is better)
Make sure you do not have any clipping paths in the SVG file interferring with display
see: SVG not showing in IE11
and that they are optimized SVG:
Displaying SVG images in websites with Internet Explorer 10
Make sure the paths to the SVG resources is valid.
They are relative to the location of the HTML file, … optionally …
relative to the
href path attribute in the
<base> element in the
Give the SVG icons a height and width based upon either em or pixels.
see: Fix SVG in tags not scaling in IE9, IE10, IE11
If you will be drawing the icons in the HTML, the see:
MSDN: Adding SVG to a webpage