jira-card-printer/printPreview.html

<div id="card-print-overlay">
  <div id="card-print-dialog">
    <div id="card-print-dialog-header">
      <div id="card-print-dialog-title">Card Printer</div>
      <div id="info">
        <label id="info-line"><b>Jira</b> - <b>Trello</b> - <b>Mingle</b> - <b>YouTrack</b> - <b>PivotalTracker</b></label>
        <div id="report-issue" class="ui-element button" >Report Issues</div>
        <div id="about" class="ui-element button" >About</div>
      </div>
    </div>
    <div id="card-print-dialog-content">
      <iframe id="card-print-dialog-content-iframe"></iframe>
    </div>
    <div id="card-print-dialog-footer">
      <div class="buttons">
        <div class="ui-element" style="float: left;" >
          <input id="columnCount" type="number" min="0" max="9" class="numberInput" style="float: left; width: 18px; padding: 2px;" value="1"/>
          <div style="float: left; margin-left: 5px; margin-right: 5px;">x</div>
          <input id="rowCount" type="number" min="0" max="9" class="numberInput" style="float: left; width: 18px; padding: 2px;" value="2"/>
          <label style="float: left; margin-left:5px;">Page Grid</label>
        </div>
        <div class="ui-element" style="float: left;">
          <form style="float: left;" oninput="amount.value=parseFloat(scaleRange.value).toFixed(1)">
            <input id="scaleRange" type="range" min="-1.0" max="1.0" step="0.1" value="0.0" style="float: left; width: 70px; position: relative;
    top: -2px;" />
            <label>Scale</label>
            <output style="float: left; width: 22px; margin-left:2px;" name="amount" for="scaleRange"></output>
          </form>

        </div>
        <div class="ui-element checkbox" style="float: left;">
          <input id="single-card-page-checkbox" type="checkbox"/>
          <label for="single-card-page-checkbox"></label>
          <label for="single-card-page-checkbox">Single Card Per Page</label>
        </div>
        <div class="ui-element checkbox" style="float: left;">
          <input id="description-checkbox" type="checkbox"/>
          <label for="description-checkbox"></label>
          <label for="description-checkbo">Description</label>
        </div>
        <div class="ui-element checkbox" style="float: left;">
          <input id="assignee-checkbox" type="checkbox"/>
          <label for="assignee-checkbox"></label>
          <label for="assignee-checkbox">Assignee</label>
        </div>
        <div class="ui-element checkbox" style="float: left;">
          <input id="due-date-checkbox" type="checkbox"/>
          <label for="due-date-checkbox"></label>
          <label for="due-date-checkbox">Due Date</label>
        </div>
        <div class="ui-element checkbox" style="float: left;">
          <input id="qr-code-checkbox" type="checkbox"/>
          <label for="qr-code-checkbox"></label>
          <label for="qr-code-checkbox">QR Code</label>
        </div>

        <div id="card-print-dialog-cancel" class="ui-element button" >Cancel</div>
        <div id="card-print-dialog-print" class="ui-element button button-primary" >Print</div>
      </div>
    </div>
  </div>
</div>