EZ Dialog installation

Installation could not be easier, download the latest release, then simply load ez-dialog.js via script tag.

EZ Dialog has no external dependencies. You can safely bundle it together with other scripts in any order.

Styling

The dialog itself is not styled in any way and uses the browser default behavior. This means the dialog is centered on screen and uses the font defined in the body style.

The dialog always has this format: 

<dialog class="ez-dialog">
	<h1>Title</h1>
	<form>
		<div>Content</div>
		<menu>Buttons</menu>
	</form>
</dialog>

The heading is absent if no title was provided.

ez-classic.css is provided as an example style. You can use this as a reference for creating your own styles. Check the API demo to see this style in action.

Below is a list of a few usable style rules

< < Go back