BootstrapComponents/Modal

Description[modifier | modifier le wikicode]

The Modal component is a dialog box/popup window that is displayed on top of the current page.

For available options to this component, please see the documentation on github.

Examples[modifier | modifier le wikicode]

With a button trigger[modifier | modifier le wikicode]

<bootstrap_modal color="info" text="Modal trigger!" heading="This is the modal headline" footer="And some footer text">Lorem ipsum dolor sit amet, ..</bootstrap_modal>

With an image trigger[modifier | modifier le wikicode]

<bootstrap_modal text="[[File:Blue marker.png]]" heading="Better watch this!">[[File:KarateKat.jpg]]</bootstrap_modal>

CSS adaptions[modifier | modifier le wikicode]

There may be issues with "modal" on some skins. In this case just add the following CSS to your "MediaWiki:Common.css" page.^[1]

/** BootstrapComponents
 * hide modal-backdrop
 */
.modal-backdrop {
	display: none;
}

/*
 * get clear of the header elements
 */
.modal {
	top: 60px;
}

References[modifier | modifier le wikicode]

↑ https://github.com/oetterer/BootstrapComponents/issues/8

[1] ttps://github.com/oetterer/BootstrapComponents/issues/8

[1]