Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Documentation: ASP views FormGroup CSS nesting and application for tables areas


Hello, many times its a very trial and error process to get the CSS correct when creating the Forms, since Metronic has its custom forms & CSS.

I would request, please add a couple of pages of help on how to apply the CSS, in the correct order for which containers, & how to create grouped areas inside the Forms/submission areas.

Lastly can you please explain which order and css nesting for Metronic Form-Groups should be followed/applied.


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,

Could you please clarify your question? The global form-related CSS is bundled in the style.bundle.css and included globally in the master View for all pages.

By running our Asp.Net Starter Kit from Metronic Downloads you can use any feature you seen in the HTML version of Metronic and Metronic Docs.

More info on how to use our Asp.Net core Starter Kit you can find here.

Regards.



Hello let me explain.

Often the developers are using your KT theme parts/cards etc. inside or in combination with forms to post data.

But when create a new page layout and then I try to apply/customize the layout using your CSS, the page renders very funky/errored.

Its because we often

don"t know which CSS should be the highest level, and which one should I put inside that to make the form or form groups correct inside a card
. I was trying with another ASP application and finally gave up because I was unable to get the right order/nesting in trying to apply the metronic style.

If would be nice to have some basic guidance that, for e.g. this KT css should always come at container, then you can nest any other parts inside some main container. If its already described I apologize, I have been reading the ASP core, Blazor and other HTML help pages and not finding any guidance. Can you please guide me on
how to organize/ structure the CSS order & application from page level to components as we build our own layouts using your components
.

A help page like this or a
tool would cut down support responses as well. Including some basic on how to easily switch out themes and updates



Hi,

Metronic uses its global css bundle to include all core components/plugins in the right order for all pages so you do not need to worry about CSS code loading.

Metronic also has custom vendors that can be included in pages on demand. For more on this you can check the documentation here

Rega


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