Clicking this link will load the destination via AJAX and open the given selector in a modal dialog.
<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 in
a modal dialog.
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.