Modals

The Right Way - Admin Template

Default example

Static modal example, included are the header, body, and footer.

Large example

Add modal-lg to modal-dialog to get large modal window.

Small example

Add modal-sm to modal-dialog to get small modal window.

Invert example

Use invert class to get inverted style of modal window.

Without animation

It's not important to use animations for opening and closing.

Bordered example

Add modal-content--bordered to modal-content to get modal window with big border.

Form example

Basically modal window supports all elements and features. So you can use whatever you want inside.

Invert Form example

Same example with invered style.

Template settings
Information

Use this panel to configure template settings and layout options.

Layout option
Backgrounds
Header options
Container
Navigation options
Sidepanel options
Content options