Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.

Sed vel diam id libero rutrum convallis. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.


checkbox
radio



This is a simple modal dialog with a semi-transparent overlay layer added as an option to dim out the page content behind it and bring the user's attention to the dialog. A modal dialog prevents the user from interacting with the rest of the page until it is closed.

The dialog window can be moved, resized and closed with the 'x' icon.