Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Html not rendered


I am using metronic 9 tailwind html in my asp.net 8 mvc app. The theme is configured inside _layout. the side bar, header and footer works normally but everything inside the @RenderBody() is being displayed as a plain text, even though the content-type received in the browser is html. Am i missing a global css bundle? i didn't find it in the downloaded theme.

i did a trial and include bootstrap.css for testing and the html did render correctly.


user
Ayman Chehab 7 months ago
HTML Tailwind 4
3 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 (3)

user
Faizal Author 7 months ago

Hi Ayman Chehab

Metronic 9 Tailwind uses Tailwind CSS (not Bootstrap). Include the Tailwind CSS bundle in your _Layout.cshtml.

Check if wwwroot/assets/css/styles.css exists in your project
If missing, the CSS needs to be built from the Metronic source

Please check this doc:
https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/asp.net-core

Thanks


user
Ayman Chehab 6 months ago

I built the css files and got it working.
Thank you


user
Faizal Author 6 months ago

Glad it worked. Feel free to let us know if you need more help.

Thanks


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