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

Metronic 9.2 and blazor demo


Hello,

First of all, a big compliment for the new version 9. It looks very good. I would really like to use it, but after a few days of trying, I still can’t get it to work.

Please check your guide yourself and go through it step by step—you will notice that your instructions have several mistakes.

Let me start with the changelog for v9.2.1: the Blazor link is broken.
So I go to the normal documentation at: https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/blazor-server
and I notice the following:

Step 1 is clear and done.

In step 2, I see that there is no “media” folder in metronic/dist/. The media folder is actually inside metronic/dist/assets/. Just copying over the media folder doesn’t help, because I will be missing even more files later. So I tried copying everything from metronic/dist/assets/ to wwwroot, so I end up with a wwwroot/assets folder.

Step 3—I just made the adjustment without really knowing if it’s correct. But the output in the original looks better than the hardcoded way.
path: path.resolve(__dirname, "./" + vendorConfig.output), is replaced with
path: path.resolve(__dirname, "../wwwroot/assets"),
(the other replacement also)

Step 4 already has more mistakes.
npm install & npm run dev <<< there is no npm run dev, so I use npm run build.
The webpack output is disappointing: the files are not placed or changed in wwwroot, but under metronic/dist.

So, again, I try to work around the issue and manually copy all the content from /metronic/dist to wwwroot/assets.

Step 5 is familiar to me, so I know I have to change the path for a dotnet run watch (but for completeness, the guide should mention a cd .., since earlier it said to cd into metronic).

And now comes the final frustration. All files are found at first (because I copied them manually), but in the browser console I get the following error:

Uncaught ReferenceError: KTToggle is not defined

Please don’t get me wrong. Mistakes can happen. But in this guide, absolutely nothing works, and almost every step contains an error.

I would really appreciate it if you could fix these issues as soon as possible. I have been waiting for weeks and urgently need to start a project. Thank you in advance for your quick support.


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


Hi,

Thank you for your feedback.

We have reviewed our Blazor integration documentation and identified a few inaccuracies. We are currently working on an update and expect to publish the revised guide within the next few days. I will notify you as soon as the fix is live.

Please let me know if there is anything else I can help you with.

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