RandomSec/main/webapp/modules/core/scripts/views/data-table/transpose-columns-into-rows.html

<div class="dialog-frame" style="width: 600px;">
  <div class="dialog-border">
    <div class="dialog-header" bind="dialogHeader">Transpose Cells Across Columns into Rows</div>
    <div class="dialog-body" bind="dialogBody">
      <div class="grid-layout layout-normal layout-full grid-layout-for-ui"><table>
        <tr>
          <td>From Column</td>
          <td>To Column</td>
          <td>Formatting Options</td>
        </tr>
        <tr>
          <td><select bind="fromColumnSelect" size="20" style="width: 100%;"></select></td>
          <td><select bind="toColumnSelect" size="20" style="width: 100%;"></select></td>
          <td><div class="grid-layout layout-tightest"><table>
            <tr>
              <td colspan="2">Combined column name <input bind="combinedColumnNameInput" size="15" /></td>
            </tr>
            <tr>
              <td colspan="2"><input type="checkbox" bind="prependColumnNameCheckbox" checked id="$transpose-dialog-prepend" />
                <label for="$transpose-dialog-prepend">prepend column name</label></td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td>Separate column name and cell value with
                <input bind="separatorInput" size="5" value=":" />
              </td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td><input type="checkbox" bind="ignoreBlankCellsCheckbox" checked id="$transpose-dialog-ignore" />
                <label for="$transpose-dialog-ignore">ignore blank cells</label></td>
            </tr>
          </table></div></td>
        </tr>
      </table></div>
    </div>
    <div class="dialog-footer" bind="dialogFooter">
      <button class="button" bind="okButton">Transpose</button>
      <button class="button" bind="cancelButton">Cancel</button>
    </div>
  </div>
</div>