AdminLTE Cheatsheet

Buttons

Anchor Tag button

<a href="index.php?file=modules/event_setup/manage_printers.inc.php" class="btn btn-secondary text-white text-decoration-none">
   Cancel
</a>

Simple Card

<div class="card card-primary">
  <div class="card-header">
    <h3 class="card-title text-white"><i class="fas fa-print"></i>Edit Printer Pool</h3>
  </div>
  <div class="card-body">
    Content Goes here
  </div>
  <div class="card-footer">
    <div class="float-right">
      <button class="btn btn-secondary">
       Cancel
      </button>
      <button type="submit" name="mode" value="Save" class="btn btn-primary">
        Save
      </button>
    </div>
    <button type="button" class="btn  btn-outline-danger" id="deletePoolBtn">
      Delete Pool
    </button>
  </div>
</div>

Form Groups

Each form group should be for one element or element group

Text Input Full Width

A form group for a input field which has

Label 
  [inputbox]

<div class="form-group">
                <label for="printer_pools_pool_name">Pool Name</label>
                <input type="text"
                       id="printer_pools_pool_name"
                       name="printer_pools_pool_name"
                       class="form-control"
                       value="<?php print $data['printer_pools_pool_name']; ?>"
                       title="What is the named used to reference this printer pool">
            </div>

Checkbox List

Label 
  [ ] Checkbox One
  [X] Checkbox two

<div class="form-group">
  <label>Access</label>
  <!-- Kiosk Access -->
  <div class="form-check">
    <input type="checkbox"
             id="printer_pools_kiosk_access"
           name="printer_pools_kiosk_access"
          value="Y"
          <?php print $kisosk_access_checked; ?>>
          <label for="printer_pools_kiosk_access">Usable by customer kiosks</label>
  </div>
  <!-- Cashier Access -->
  <div class="form-check">
    <input type="checkbox"
             id="printer_pools_cashier_access"
           name="printer_pools_cashier_access"
          value="Y"
          <?php print $cash_access_checked; ?>>
    <label for="printer_pools_cashier_access">Usable by cashiers</label>
  </div>
</div>