topic Re: SVG in Web AppBuilder Custom Widgets Questions

SVG

GregRieck — Tue, 14 Mar 2017 19:55:23 GMT

Hello,

I have an svg string that I'd like to add to a widget. How do I go about doing that? I'm using WAB 2.2 with a Jewelry Box theme.

Thank You Greg

Re: SVG

RobertScheitlin__GISP — Sun, 12 Dec 2021 08:57:38 GMT

Greg,

What doe mean you want to use a SVG string? SVG files can be used in a CSS rule as a background-image for a button or div.

i.e.:

.jimu-widget-layerList .jimu-dropmenu .jimu-icon-btn{
  width: 22px;
  height: 22px;
  min-width: 13px;
  background-image: url("../images/more_normal.svg");
  background-color: rgba(255, 255, 255, 0);
  border: 0 solid;
}‍‍‍‍‍‍‍‍

Re: SVG

GregRieck — Tue, 14 Mar 2017 21:19:11 GMT

Hi Robert,

I resolved this on my own.

I changed the html by adding another div

Then I added it to the widget using JQuery

var svg = MyFunctionReturnedSVGString;

$('#svgContainer').html(svg);

Greg