3 <h1>Material Modal Tests</h1>
8 Button triggered modal, no close/agree button:<br>
10 [% P.M.button_tag("", "Modal", class="modal-trigger", href="#modal1") %]
11 <!-- Modal Structure -->
12 <div id="modal1" class="modal">
13 <div class="modal-content">
15 <p>A bunch of text</p>
23 Button triggered modal, close/agree button:<br>
25 [% P.M.button_tag("", "Modal", class="modal-trigger", href="#modal2") %]
26 <!-- Modal Structure -->
27 <div id="modal2" class="modal">
28 <div class="modal-content">
30 <p>A bunch of text</p>
32 <div class="modal-footer">
33 [% P.M.button_tag('', 'Cancel', class="modal-close", flat=1) %]
34 [% P.M.button_tag('', 'Agree', class="modal-close", flat=1) %]
41 Javascript triggered modal:<br>
42 [% P.M.button_tag("\$('#modal1').modal('open')", "Open!") %]
47 popup_dialog modal with given html:<br>
48 [% P.M.button_tag("kivi.popup_dialog({ html: 'Testtext'})", "Testtext") %]