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

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
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)


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