Open-source by Keenthemes!Support our KtUI and ReUI open-source projects and help with growth.
Star on Github
Light
Dark
System
Ask  Question

INLINESVG not working when I have a custom (my own) path.


I have an extension folder with an images path to put all my custom icons, but inlineSVG does not work when I refer to my SVGS. They do not load at all. When I put it inside the metronic assets folder they load fine.

Is there a predefined URL set by the module somewhere? I would like to use my own path.

Its in Angular


user
Kenneth Flores 1 year ago
Angular
4 Answers
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)

user
Faizal Author1 year ago

I cannot open the link. Can you please make it public? Your images folder is inside src folder?

Thanks


user
Kenneth Flores 1 year ago

This does not work. It can’t find it even if I put it at Tio level.

./images/myfile.svg


user
Faizal Author1 year ago

Hi,

It seems like your SVG files need to be placed under the src folder, and then you can reference them using a path starting with ./. For example:

[inlineSVG]=""./assets/media/svg/avatars/001-boy.svg""

This should allow you to use your custom path for SVG files in Angular with the InlineSVG module.

Thanks


user
Kenneth Flores 1 year ago

Here are the images proving it doesnt work.






Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(