Back

Cheetsheet Modal

Here's some Markup for a Bootstrap Modal

<div class="modal fade" 
     tabindex="-1" 
     role="dialog">

  <div class="modal-dialog" 
       role="document">

    <div class="modal-content">

      <asp:updatepanel runat="server"
                       id="up"
                       updatemode="conditional">
        <contenttemplate>

          <div class="modal-header">
            <button type="button" 
                    class="close" 
                    data-dismiss="modal" 
                    aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
            <h4 class="modal-title">
              Modal title
            </h4>
          </div>

          <div class="modal-body">


          </div>

          <div class="modal-footer">
            <button type="button" 
                    class="btn btn-default" 
                    data-dismiss="modal">
              Close
            </button>

            <button type="button" 
                    class="btn btn-primary"
                    onclick="$('#<%=btnSave.ClientID%>').click(); return false;">
              Save changes
            </button>
          </div>

          <div class="ui_mechs">
            <asp:button runat="server"
                        id="btnSave"
                        clientidmode="autoid"
                        onclick="btnSaveClick"
                        text="save"
                        >
            </asp:button>
          </div>
        </contenttemplate>
      </asp:updatepanel>

    </div>

  </div>

</div>