eZmodal Examples

Option Values Example
Default -
x
Default

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate molestie luctus. Aliquam eu erat et enim mattis mattis ut nec lorem. In et diam ac orci vehicula vulputate id in velit. Morbi a nisl eu neque eleifend pulvinar. Morbi ac lacus at nunc finibus fringilla egestas vitae odio. In nec viverra ligula. Donec quis quam ut est eleifend bibendum.

Praesent sit amet eleifend orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin luctus mauris feugiat tempus ultrices. Cras sit amet purus et eros ornare gravida. Nullam in tristique lectus. Donec lobortis odio at pretium iaculis. In porttitor neque nibh, at blandit odio tristique eu. Nunc dui odio, interdum id nibh quis, commodo mattis sapien. Vestibulum metus nunc, ornare nec purus vulputate, commodo posuere eros. Ut quis maximus neque. Quisque pretium dolor ut nisi elementum aliquet. Morbi a efficitur est.
width full
x
Full width

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate molestie luctus. Aliquam eu erat et enim mattis mattis ut nec lorem. In et diam ac orci vehicula vulputate id in velit. Morbi a nisl eu neque eleifend pulvinar. Morbi ac lacus at nunc finibus fringilla egestas vitae odio. In nec viverra ligula. Donec quis quam ut est eleifend bibendum.

Praesent sit amet eleifend orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin luctus mauris feugiat tempus ultrices. Cras sit amet purus et eros ornare gravida. Nullam in tristique lectus. Donec lobortis odio at pretium iaculis. In porttitor neque nibh, at blandit odio tristique eu. Nunc dui odio, interdum id nibh quis, commodo mattis sapien. Vestibulum metus nunc, ornare nec purus vulputate, commodo posuere eros. Ut quis maximus neque. Quisque pretium dolor ut nisi elementum aliquet. Morbi a efficitur est.
closable false
x
Not Closable

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate molestie luctus. Aliquam eu erat et enim mattis mattis ut nec lorem. In et diam ac orci vehicula vulputate id in velit. Morbi a nisl eu neque eleifend pulvinar. Morbi ac lacus at nunc finibus fringilla egestas vitae odio. In nec viverra ligula. Donec quis quam ut est eleifend bibendum.

Praesent sit amet eleifend orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin luctus mauris feugiat tempus ultrices. Cras sit amet purus et eros ornare gravida. Nullam in tristique lectus. Donec lobortis odio at pretium iaculis. In porttitor neque nibh, at blandit odio tristique eu. Nunc dui odio, interdum id nibh quis, commodo mattis sapien. Vestibulum metus nunc, ornare nec purus vulputate, commodo posuere eros. Ut quis maximus neque. Quisque pretium dolor ut nisi elementum aliquet. Morbi a efficitur est.
autoOpen true
x
Auto open example

Praesent sit amet eleifend orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin luctus mauris feugiat tempus ultrices. Cras sit amet purus et eros ornare gravida. Nullam in tristique lectus. Donec lobortis odio at pretium iaculis. In porttitor neque nibh, at blandit odio tristique eu. Nunc dui odio, interdum id nibh quis, commodo mattis sapien. Vestibulum metus nunc, ornare nec purus vulputate, commodo posuere eros. Ut quis maximus neque. Quisque pretium dolor ut nisi elementum aliquet. Morbi a efficitur est.

eZmodal events

Event Using Example
onShow $('#mymodal').ezmodal({'onShow': function () { --- };})
x
Execute function when opening

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate molestie luctus. Aliquam eu erat et enim mattis mattis ut nec lorem. In et diam ac orci vehicula vulputate id in velit. Morbi a nisl eu neque eleifend pulvinar. Morbi ac lacus at nunc finibus fringilla egestas vitae odio. In nec viverra ligula. Donec quis quam ut est eleifend bibendum.

Praesent sit amet eleifend orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin luctus mauris feugiat tempus ultrices. Cras sit amet purus et eros ornare gravida. Nullam in tristique lectus. Donec lobortis odio at pretium iaculis. In porttitor neque nibh, at blandit odio tristique eu. Nunc dui odio, interdum id nibh quis, commodo mattis sapien. Vestibulum metus nunc, ornare nec purus vulputate, commodo posuere eros. Ut quis maximus neque. Quisque pretium dolor ut nisi elementum aliquet. Morbi a efficitur est.
onClose $('#mymodal').ezmodal({'onClose': function () { --- };})
x
Execute function after closing

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate molestie luctus. Aliquam eu erat et enim mattis mattis ut nec lorem. In et diam ac orci vehicula vulputate id in velit. Morbi a nisl eu neque eleifend pulvinar. Morbi ac lacus at nunc finibus fringilla egestas vitae odio. In nec viverra ligula. Donec quis quam ut est eleifend bibendum.

Praesent sit amet eleifend orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin luctus mauris feugiat tempus ultrices. Cras sit amet purus et eros ornare gravida. Nullam in tristique lectus. Donec lobortis odio at pretium iaculis. In porttitor neque nibh, at blandit odio tristique eu. Nunc dui odio, interdum id nibh quis, commodo mattis sapien. Vestibulum metus nunc, ornare nec purus vulputate, commodo posuere eros. Ut quis maximus neque. Quisque pretium dolor ut nisi elementum aliquet. Morbi a efficitur est.