Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

ASP.NET COre


I am using RazorPages, how can I use metronic theme in it?


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)


Hi,

Which version of Metronic are you using ?

You can follow https://keenthemes.com/metronic/docs for a spesific Metronic version use.

Regards,
Sean



I am using metronic_asp.net-core_v8.2.9. And. I have a Razor Pages Project built on .Net 8.



Hi,

The integration process depends on your project requirements.

If you already have a project, simply copy the theme assets and paste them into your project. Ensure you include the following mandatory styles globally:


<link href="/assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css"> <link href="/assets/css/style.bundle.css" rel="stylesheet" type="text/css">

Also, add the required JavaScript files:


<script src="/assets/plugins/global/plugins.bundle.js"></script> <script src="/assets/js/scripts.bundle.js"></script>

This setup enables all Bootstrap elements and our custom JavaScript components. Additional styles and scripts will depend on the plugins you choose to use.

If you don’t have an existing project, we recommend using our default structure as a starting point and customizing it to fit your needs. Following this structure makes it easier to apply future Metronic updates.

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