index.html 983 B

12345678910111213141516171819202122232425262728293031323334
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>Bulma Modal demo</title>
  7. <link href="bulma.min.css" rel="stylesheet"/>
  8. <script src="bumodaldemo2.js"></script>
  9. </head>
  10. <body>
  11. <div class="hero">
  12. <div class="hero-body">
  13. <h2 class="title is-4">TBulmaModal demo</h2>
  14. <p class="">This is simple demo where a <em>TBulmaModal</em> class is used to show a modal
  15. dialog.<br />
  16. The modal HTML is loaded using a template loader.</p>
  17. </div>
  18. </div>
  19. <hr class="my-4">
  20. <div id="modals-parent">
  21. </div>
  22. <div class="box py-5">
  23. <div class="is-flex is-justify-content-center">
  24. <button id="btnShowModal" class="button is-primary">Show modal dialog</button>
  25. </div>
  26. </div>
  27. <script>
  28. rtl.showUncaughtExceptions=true;
  29. window.addEventListener("load", rtl.run);
  30. </script>
  31. </body>
  32. </html>