Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Metronic Blazor to Blazor Web App Server net 8.0


Hello.

I just migrated the Metronic template to Blazor Web App Server, but I have something that is bothering me and I don't know how to solve it...

For example, when I refresh the page, the loader show after few seconds...

This is bad for user experience because first it render sidebar witch is light then after _Init( from _keenthemes.Partials.ThemeMode) is loaded is turned back to dark then show loader and then it stop.

I tried to find the problem my self but didn't get it.

Bellow I let 2 links, one with setup on Visual Studio and one with problem I described:

<a>
<a>


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hello.

I just solved my problem by modify the line

<RoutesBackendKeenThemes @rendermode="RenderMode.InteractiveServer" />

with

<RoutesBackendKeenThemes @rendermode="new InteractiveServerRenderMode(prerender: false)" />

and now the layout working fine.



Hi David,

Sorry for the late reply.

Glad to hear you have already solved this problem. If you have more questions on this topic or anything else, feel free to ask.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hello David,
Even I am trying to upgrade to .net 8.0 web app but no success. Can you help me or tell me what you have done to convert that? As I followed Microsoft documentation for that.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(