Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

No icon display in Blazor Server app


public class KTIconsSettings
{
public static SortedDictionary<string, int> Config { get; set; } = new SortedDictionary<string, int>();

public static void init(IConfiguration configuration)
{
Config = configuration.GetSection("duotone-paths").Get<SortedDictionary<string, int>>() ?? Config;
Console.WriteLine(Config);
}
}

ok, after the init without any error but I could not see any icon on the website site. What am I missing here. Please help..Thx


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 (3)


I find out my program didn't include this plugins for the icon (.svg)
_keenthemes/src/plugins/keenicons/duotone/selection.json. How can I include this plugins with my project? I try to register something like this

From program.cs
IConfiguration keeniconsConfiguration = new ConfigurationBuilder()
.AddJsonFile("_keenthemes/src/plugins/keenicons/duotone/selection.json")
.Build();

From KTIconSettings.cs

public static SortedDictionary<string, int> ConfigKeen { get; set; } = new SortedDictionary<string, int>();

public static void initKeenIcon(IConfiguration configuration)
{
ConfigKeen = configuration.GetSection("icon").Get<SortedDictionary<string, int>>() ?? ConfigKeen;
Console.WriteLine(ConfigKeen);
}

but it didn't see the "icon" property in selection.json

Any idea

Thx
Robert Nguyen



Never mind, I added this line in _keenthemes\config\ThemeSettings.json

"Css": [
"plugins/global/plugins.bundle.css",
"plugins/duotone/plugins.duotone.style.css",
"css/style.bundle.css"
],
and it works for now..



Hi,

Thank you for reaching out to us.

Keenicon set styles should be included in a plugins.bundle.css by default if you are using the latest version.

If you are using an older Metronic version then you can update Metronic styles and style building scripts or manually include icon styles.

Keenicon has three types of icons "duotone", "outline" and "solid", each icon type has its own style file.

Duotone file - src/plugins/keenicons/duotone/style.css
Outline file - src/plugins/keenicons/outline/style.css
Solid file - src/plugins/keenicons/solid/style.css

Regards,
Lauris Stepanovs,
Keenthemes Support Team


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  :(