href	Kötelező. A modalba betöltött HTML vázat tartalmazó URL, ami egy GET-es ajax hívással kerül megnyitásra. A URL-ről betöltött tartalom a modal div.body-content-jébe kerül bele.
data-modal-title	Kötelező. Beállítja a modal ablak fejlécét.
data-modal-width	Opcionális. A modal szélessége az attribútumban megadott pixel méretre változik.
data-modal-class	A modal skeletonjában modal class-t tartalmzó div-re felkerül az attribútumban megadott class.
data-modal-dialog-class	A modal skeletonjában modal-dialog class-t tartalmzó div-re felkerül az attribútumban megadott class. A gyári modal-xl egy nagyobb változatra lett módosítva. Így a gyárilag megegyező modal-lg és modal-xl nálunk különböző méretet ad.

Ajax modal Ajax modal with JSON

<style> .modal-spec { background: rgba(0,0,0,0.75); } </style> <a href="/documentation/ajax_modal_test" data-modal-title="Test 1" class="ajax-modal btn btn-primary"> Ajax modal </a> <a href="/documentation/ajax_modal_test_json" data-modal-class="modal-spec" data-modal-dialog-class="modal-lg" class="ajax-modal btn btn-primary"> Ajax modal with JSON </a>

Ha a modal minden részére kihatással szeretnénk lenni és használni akarjuk a láblécét - mondjuk gombokat akarunk bele tenni - esetleg egyedi fejléc tartalmat akarunk, akkor egy megfelelő JSON válasz segítségével ezt megtehetjük.

JSON válasz

{ modal-title: "This title came from a <b>JSON response</b>", modal-body: "<button class="btn btn-primary">HTML content's allowed</button>", modal-footer: "<a class="close btn btn-default">Mégse</a>" }