Skip to main content

Questions tagged [svg]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
1 answer
196 views

I am trying to add linear gradient color to my svg stroke attribute within lwc but it is not working. Can anyone help with finding the problem?

in html i have this svg code. <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100px" height="100px"> <defs> ...
Sutanu Debnath's user avatar
0 votes
1 answer
155 views

Use SVG in Static Resource with LWC:Map

I am implementing the LWC Map component as defined here. I want to implement a SVG Icon on the map, and I can successfully do that by defining a path definition but I'd like to store the ICON as a ...
BritishBoyinDC's user avatar
0 votes
1 answer
377 views

Dynamic color based on condition LWC

i want to fill the svg color based on condition JS : get OpptColorIcon() { const colors = this._listOpp.map(opp => { return opp.Scoring === "weak" ? "#FF8C00" : &...
Fark's user avatar
  • 27
0 votes
1 answer
264 views

I have to insert an img using svg in 1column of datatable based on conditional rendering. How to have svg img in html from JS

I want to have SVG image in one column of data table along with it's data. Can't make any changes to HTML, so can't use IMG tag. I have SVG file as static resource. here's the code of HTML and JS HTML-...
SF Learner's user avatar
0 votes
1 answer
393 views

svg image in a formula field not aligned to the left

I have a formula field on which I am displaying a svg image using the IMAGE function. I have no issues displaying the image, but the image displayed is not left aligned. Here is formula I am using in ...
sumchans's user avatar
  • 789
0 votes
1 answer
354 views

Capture event raised from SVG file imported via object tag

I have a SVG file as static resource. I'm using a LWC to display the image (floorplan) using an object tag in the template file. Need to load the floorplan based on user selection so I can't put the ...
Avalanchd's user avatar
6 votes
0 answers
37 views

Rules for lightning-icon static resource svgs [duplicate]

We are trying to load an svg from a static resource into a lightning-icon using the source attribute. The problem we are facing is that the svg size does not match the icon size. So the icon stays ...
ToKogl's user avatar
  • 61
1 vote
1 answer
251 views

Any way to display an SVG that varies row by row via the standard standard Lightning List View component?

I'd like to avoid custom code if possible for a situation where I want to show an SVG in a list view that folds two numbers together: a percent complete and a number of days. That is the second of ...
Keith C's user avatar
  • 136k
1 vote
2 answers
231 views

Are there any limitations to SVGs in Salesforce?

I am trying to display an SVG in a Lighting Web Component. I have noticed that the SVG is not rendering properly, and removing filter="url(#filter0_d)" in the g tag fixes the issue. This ...
newDeveloper1821's user avatar
1 vote
0 answers
1k views

Proper way to mock svg html template in Jest?

I want to create lwc component which selectively renders svg from html template files. I wonder how to mock that templates for the needs of JEST test. Import the same templates for component and test ...
Grzegorz Połuch's user avatar
0 votes
1 answer
2k views

Not able to load svg images in LWC

I have loaded svg in static resource in salesforce and need to use the same in lwc.We were using <lightning-icon> to render it.This was working previously but now it throws the following error. ...
sowp's user avatar
  • 1
0 votes
2 answers
530 views

Store Notes and Attachment as a Attachment

I have Added Notes & Attachment in Related List , So when I upload any svg image , It get stored as a file instead of Attachment . So How can we store that image in Attachment instead of ...
santosh gore's user avatar
2 votes
0 answers
2k views

SVG file type in Marketing Cloud

Has Marketing Cloud stopped support for SVG files? We need to migrate content from an old MC tenant to a new one, including some SVG files. On the old tenant, the SVG files come with a URL from where ...
Guest9875's user avatar
  • 154
1 vote
0 answers
225 views

Importing SVG from static resources

I have tried to import a custom SVG into my aura component using an LWC helper component as described in the docs. But the final output of the component is something like <use xlink:href="#...
Hans's user avatar
  • 163
0 votes
1 answer
642 views

LWC Display custom SVG from static resource (IE)

I have a simple component for SVG similar to the documented one. It works well using Chrome, FF, Edge, but not in the IE11. Is there any fix or workaround for this that we can display our custom SVG ...
jm.'s user avatar
  • 101
0 votes
0 answers
221 views

Replace default Lightning Table Sort Icons with Custom Icons

We have a table this is referencing the default lightning sort icons and need to replace all three(up, down, both) with different svg images from static resources. The current code references ...
SDS-FrontEndTaz's user avatar
0 votes
0 answers
125 views

LDS Multiselect picklist

I am trying to use the following code from the Lightning Design System documentation. I am getting SVG errors. Can someone tell me how to resolve this? Can I use something other than the svg code?
Michele Kleinhomer's user avatar
1 vote
1 answer
579 views

How to use Illustration from LDS in a Aura Web Component?

I am having a difficult time trying to figure out how to use an illustration inside my Aura Web Component. I copied all of the data between the svg tags for the following: https://www....
SBB's user avatar
  • 173
0 votes
1 answer
278 views

How can I replace svg from my code?

let's say I have following code (from standart lightning table example markup) <div class="slds-icon_container"> <svg aria-hidden="true" class="slds-icon slds-icon--x-small slds-...
pincet's user avatar
  • 919
4 votes
2 answers
3k views

Dynamic Icon loading in LWC doesn't work

I am using the progress-ring LWC component from https://github.com/texei/progress-ring and fail to make the SLDS SVG Icon displayed dynamic work: Usage: <c-progress-ring ... icon="symbols.svg#...
Robert Sösemann's user avatar
2 votes
1 answer
2k views

lightning:icon pointing to SVG static resource has empty shadow root

An working SVG icon stored in a public static resource myicon_svg <?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g id="...
Robert Sösemann's user avatar
0 votes
1 answer
3k views

No COMPONENT named markup://svg found [duplicate]

After downloading the SLDS I have copied a detail form from the lightning design system to the salesforce console. But when I save there is a popup saying "No COMPONENT named markup://svg found". I ...
Anice G's user avatar
0 votes
1 answer
892 views

Access svg icon from static resource zip file

I have added zip file of lightning design system which contains fonts,icon,images,style folders. in this svg icons are in icons/utility-sprite/svg folder, i have set the path but it;s not reflecting ...
cloudZigZag's user avatar
  • 1,376
1 vote
0 answers
203 views

SVG API incomplete in LWC/Locker

I want to create a custom component that wraps the yFiles for HTML graph drawing component in an LWC component, but it seems some of the SVG API is not implemented or rather hidden behind the locker ...
Sebastian's user avatar
  • 111
0 votes
2 answers
4k views

Search Icon Button in Lightning [duplicate]

I need a search icon button icon in my compoonent. I have got the code as well. Below is the link from where i have referred the code. https://www.lightningdesignsystem.com/components/button-icons/ ...
Smruti Ranjan Biswal's user avatar
5 votes
2 answers
1k views

How to create an SLDS Illustration lightning component with svg

I am trying to create a lightning component that will show an SLDS illustration of missing data: when I create my component with the <svg> tag I cannot save the component markup: <...
Itai Shmida's user avatar
  • 5,045