Questions tagged [svg]
The svg tag has no usage guidance.
24
questions
0
votes
1
answer
98
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" : &...
- 17
0
votes
1
answer
118
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-...
- 54
0
votes
1
answer
260
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 ...
- 641
0
votes
1
answer
289
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 ...
- 31
6
votes
0
answers
36
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 ...
- 61
1
vote
1
answer
229
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 ...
- 135k
1
vote
2
answers
172
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 ...
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 ...
- 697
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.
...
- 1
0
votes
2
answers
351
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 ...
- 121
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 ...
- 154
1
vote
0
answers
144
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="#...
- 163
0
votes
1
answer
589
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 ...
- 101
0
votes
0
answers
207
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 ...
0
votes
0
answers
118
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?
- 1,439
1
vote
1
answer
522
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....
- 173
0
votes
1
answer
246
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-...
- 839
4
votes
2
answers
2k
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#...
- 37.3k
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="...
- 37.3k
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 ...
- 1
0
votes
1
answer
831
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 ...
- 1,366
1
vote
0
answers
201
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 ...
- 111
0
votes
2
answers
3k
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/
...
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:
<...
- 4,995