Modal dialogs
a[up-modal]
selector
Clicking this link will load the destination via AJAX and open the given selector in a modal dialog.
Example
<a href="/blogs" up-modal=".blog-list">Switch blog</a>
Clicking would request the path /blog and select .blog-list from
the HTML response. Unpoly will dim the page
and place the matching .blog-list tag will be placed in
a modal dialog.
Modifying attributes
The CSS selector that will be extracted from the response and displayed in a modal dialog.
A message that will be displayed in a cancelable confirmation dialog before the modal is opened.
Override the request method.
If set to "true", the modal remains
open even if the page changes in the background.
When true, the modal will render a close icon and close when the user
clicks on the backdrop or presses Escape.
When false, you need to either supply an element with [up-close] or
close the modal manually with up.modal.close().
The animation to use when opening the viewport containing the dialog.
The animation to use when opening the backdrop that dims the page below the dialog.
The width of the dialog in pixels. By default the dialog will grow to fit its contents.
The width of the dialog in pixels. By default the dialog will grow to fit its contents.
Whether to push an entry to the browser history for the modal's source URL.
Set this to 'false' to prevent the URL bar from being updated.
Set this to a URL string to update the history with the given URL.