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>PivotalTracker</b> - <b>Trello</b> - <b>YouTrack</b></label>
        <input id="report-issue" type="button" class="aui-button" value="Report Issues" />
        <input id="about" type="button" class="aui-button" value="About" />
      </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;" >
          <div style="float: left; position: relative; top: -2px;"><input id="columnCount" type="text" class="text" maxlength="1" style="width: 15px; padding: 2px;" value="1"/></div>
          <div style="float: left; margin-left: 5px; margin-right: 5px;">x</div>
          <div style="float: left; position: relative; top: -2px;"><input id="rowCount"    type="text" class="text" maxlength="1" style="width: 15px; padding: 2px;" value="2"/></div>
          <div style="float: left; margin-left:5px;">Page Grid</div>
        </div>
        <div class="ui-element" style="float: left;">
          <form style="float: left;" oninput="amount.value=parseFloat(scaleRange.value).toFixed(1)">
            <input style="float: left; width: 80px;"  type="range" id="scaleRange" min="-1.0" max="1.0" step="0.1" value="0.0" style="width: 80px;" />
            <output style="float: left; width: 25px; margin-left:5px;" name="amount" for="scaleRange"></output>
          </form>
          <div style="float: left; margin-left:5px;">Scale</div>
        </div>
        <div class="ui-element" style="float: left;"><input id="single-card-page-checkbox" type="checkbox"/>Single Card Per Page</div>
        <div class="ui-element" style="float: left;"><input id="description-checkbox" type="checkbox"/>Description</div>
        <div class="ui-element" style="float: left;"><input id="assignee-checkbox" type="checkbox"/>Assignee</div>
        <div class="ui-element" style="float: left;"><input id="due-date-checkbox" type="checkbox"/>Due Date</div>
        <div class="ui-element" style="float: left;"><input id="qr-code-checkbox" type="checkbox"/>QR Code</div>

        <div class="ui-element button button-primary" style="float: right;" id="card-print-dialog-print"  />Print</div>
        <div class="ui-element button" style="float: right;" id="card-print-dialog-cancel" />Cancel</div>
      </div>
    </div>
  </div>
</div>