The New Way to Build with AI! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Browse ReUI Pro
Light
Dark
System
Ask  Question

metronic blazor theme mode issue and external css js issue

Hello, I try to setup starterkit for Blazor Metronic 8.2.6, and I am facing an issue in that.

  1. I am unable to find the switch to change the theme from light mode to dark mode.
  2. I am trying to include external JS, CSS files that are also not working. I am trying to add syncfusion controls and for that I need to add that CSS and JS
<link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" /> <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
  1. I saw the Blazor project is on .net 7 but when I asked on commect section, I got a reply for .net 8.0 . Is there any other project which is on .net8.0 as I need to work with .net8.0 web app or server app not with .net 7.0 Blazor project.

Please help me to get sol;ution for above questions.

user
GulabChand Tejwani 2 years ago
Metronic Blazor Bootstrap 5
4 Answers
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 (4)

 
Deleted comment
user
GulabChand Tejwani 2 years ago

I am expecting a working solution, if your team is not able to provide then in that case let me know I can take a refund as it will be not useful for me in .NET 7.0, I am looking for
Blazor .NET 8.0 Web App.


Also tried to add syncfusion and this provided bootstrap file is different from the provided one. Can you also guide me for that where to add this new syncfusion bootstrap file as there will be two files for light and dark mode. And if you have any documents for that please share that .

<link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>


user
GulabChand Tejwani 2 years ago

If Blazor is based on .NET 7, then it's completely waste for me.
What can we expect from the upcoming .NET 8 version?
Please also mention clearly on the selling page that it on .NET 7 as it creates misunderstanding and I bought the wrong product.


user
Sean Author 2 years ago

Hi,

Sorry for the misleading info. Noted, we will put this info clearly.
If the current Metronic Blazor is not usable for you you can request a refund using this form.

If you wish to continue using it then we will do our best to help you out further.

Regards.


user
Lauris Stepanovs Author 2 years ago

Hi,

Thank you for reaching out to us.

  1. The mode-switching partial instance is missing in <strong>Partials/SidebarLayout/Header/_Navbar.razor</strong>, to fix it you can add a switch button as shown below.
<pre lang="html"> <!--begin::Theme mode--> @if(KTTheme.IsModeSwitchEnabled()){ <div class="app-navbar-item ms-2 ms-lg-4"> <_Main></_Main> </div> } <!--end::Theme mode--> </pre>

  1. We haven't tried combining our theme with syncfusion controls, please note that your Bootstrap 5 styles are already bundled into <strong>css/style.bundle.css</strong>.

  2. The latest Metronic Blazor Starterkit is based on .NET 7 and our Asp.Net-Core Starterkit is based on .NET 8.

Please let us know if you have any additional questions.

Regards, Lauris Stepanovs, Keenthemes Support Team

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

Metronic

Go to Metronic Downloads License Guide & FAQ Purchase Metronic Refunds
buy metronic keenthemes mega bundle

ReUI

Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.

ReUI by Keenthemes React Components UI Blocks React Templates ReUI Documentation