Ignore:
Timestamp:
14 Sep 2022, 06:45:31 (2 years ago)
Author:
Henrik Bettermann
Message:

Add modal view example.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • main/waeup.kofa/trunk/layout/theme.html

    r17004 r17093  
    388388              </div>
    389389            </div>
     390           
     391            <br><br>
     392            <h3>A Modal View</h3>           
     393            <button class="btn btn-warning" data-toggle="modal" data-target="#myModal">
     394              Help
     395            </button>           
     396            <!-- Modal -->
     397            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
     398              <div class="modal-dialog">
     399                <div class="modal-content">
     400                  <div class="modal-header">
     401                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
     402                    <h4 class="modal-title" id="myModalLabel">
     403                      Step-by-step instructions
     404                    </h4>
     405                  </div>
     406                  <div class="modal-body">
     407                    <ol>
     408                      <li>Anim pariatur cliche reprehenderit.</li>
     409                      <li>Food truck quinoa laborum eiusmod.</li>
     410                    </ol>
     411                  </div>
     412                </div><!-- /.modal-content -->
     413              </div><!-- /.modal-dialog -->
     414            </div><!-- /.modal -->
    390415
    391416            <br><br>
Note: See TracChangeset for help on using the changeset viewer.