Redbooth

Modals

DefaultModals - Default

Redbooth modal dialogs. To make them work you need to add the class fade. Default width is 590px

<div style="width: 100%; height: 500px;position: relative;" class="tb-dialog-list">
  <div style="position: absolute;" class="tb-modal scroll-y">
    <div class="tb-modal-dialog">
      <div role="dialog" aria-labelledby="dialogheader" class="tb-modal-content">
        <div class="tb-modal-header">
          <button type="button" class="close button-icon-only">
            <i class="button-icon icon-tb-cross"></i>
          </button>
          <div class="tb-modal-title">
            <div class="tb-modal-image-header">
              <div class="tb-modal-title-text">Ola k ase</div>
            </div>
          </div>
        </div>
        <div class="tb-model-dialog-layout">
          <div class="tb-modal-inner-content">
            <div class="tb-modal-body">Content o k ase</div>
          </div>
        </div>
        <div class="tb-modal-footer">
          <div class="buttons-block-both">
            <div class="buttons-block buttons-block-left">
              <button type="button" class="button tb-modal-cancel">Cancel</button>
            </div>
            <div class="buttons-block buttons-block-right">
              <button type="button" class="button button--primary">Save</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>