OctoprintKlipperPlugin/octoprint_klipper/templates/klipper_offset_dialog.jinja2

<div id="klipper_offset_dialog" class="modal hide fade small" tabindex="-1" role="dialog" aria-labelledby="klipper_offset_dialog_label" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h3 id="klipper_dialog_label">{{ _('Coordinate Offset') }}</h3>
    </div>
    <div class="modal-body">
          <div class="row-fluid" style="margin-bottom: 15px">
             <label class="control-label">{{ _('Set an offset for all future GCODE move commands in mm.') }}</label>
          </div>
          <div class="row-fluid" style="margin-bottom: 15px">
            <div class="input-append span3">
              <input type="text" class="input-block-level span6" data-bind="value: offsetX">
              <span class="add-on">X</span>
            </div>
            <div class="input-append span3">
              <input type="text" class="input-block-level span6" data-bind="value: offsetY">
              <span class="add-on">Y</span>
            </div>
            <div class="input-append span3">
              <input type="text" class="input-block-level span6" data-bind="value: offsetZ">
              <span class="add-on">Z</span>
            </div>
          </div>
          <div class="row-fluid" style="margin-bottom: 15px">
             <label class="checkbox">
                 <input type="checkbox" data-bind="checked: adjust" id="settings-serialAutoconnect">{{ _('Add to existing offset') }}
             </label>
          </div>
       <div class="control-group">
         <div class="controls">
             <button class="btn btn-block" data-bind="click: setOffset" data-dismiss="modal"><i class="icon-cross"></i> {{ _('Set Offset') }}</button>
         </div>
       </div>
   </div>
</div>