Filament Group


<p class="docs">
  <a href="#mydialog" id="mydialog-btn">Open Dialog</a>
</p>

<div class="dialog" id="mydialog">
  <p>This is a dialog</p>
  <a href="#mydialog-btn" data-dialog-close>Close</a>
</div>

Open Dialog

This is a dialog

Close

<p class="docs">
  <a href="#mytransparentdialog" id="mytransparentdialog-btn">Open Dialog with Transparent Background</a>
</p>

<div class="dialog" id="mytransparentdialog" data-transbg>
  <p>This is a dialog with a transparent background</p>
  <a href="#mytransparentdialog-btn" class="dialog-close">Close</a>
</div>

Open Dialog with Transparent Background

This is a dialog with a transparent background

Close

<p class="docs">
  <a href="example-external.html" data-dialog-link>Open Ajax Dialog</a>
</p>

Open Ajax Dialog


		<p class="docs">
		    <a href="https://filamentgroup.com"  data-dialog-link data-dialog-iframe>Open Iframe Dialog</a>
		</p>
		

Open Iframe Dialog