<?php

if (!isset($TEMPLATE)) {
  $TITLE = 'Modal View Example';
  $NAVIGATION = true;
  $HEAD = '
    <link rel="stylesheet" href="hazdev-webutils.css"/>
  ';

  $FOOT = '
    <script src="hazdev-webutils.js"></script>
    <script src="ModalViewUITest.js"></script>
  ';
}

include '_example.inc.php';

?>

<p>
  Click a button to generate a modal dialog.
</p>
<br />

<button class="header-and-footer">Header and Footer</button>
<button class="no-header">No Header</button>
<button class="no-footer">No Footer</button>
<button class="no-header-or-footer">No Header or Footer</button>
<br/>
<button class="header-with-success">Success Header</button>
<button class="header-with-warning">Warning Header</button>
<button class="header-with-error">Error Header</button>


<ul class="no-style separator">
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
  <li>The page should not scroll when a modal dialog is open.</li>
</ul>
