Modal Window
Inspinia modal window
Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.
To creata a custom Inspinia modal all you have to do is to add .inmodal class to html modal element.
Modal contains title, content and footer
Optional sizes
Modals have two optional sizes, available via modifier classes to be placed on a .modal-dialog
Animation Effect
You can add any animation effect to your modal window. Just pick up some of the effect from animation page and add it to .modal-content elemente.
Options
Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-backdrop="".
| Name | type | default | description |
|---|---|---|---|
| backdrop | boolean or the string 'static' |
true | Includes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on click. |
| keyboard | boolean | true | Closes the modal when escape key is pressed |
| show | boolean | true | Shows the modal when initialized. |
| remote | path | false |
This option is deprecated since v3.3.0 and will be removed in v4. We recommend instead using client-side templating or a data binding framework, or calling jQuery.load yourself. If a remote URL is provided, content will be loaded one time via jQuery's Copy |
