Site Studio
Modal element
Use the modal element to add an accessible popup dialog to your Layout canvas.
To locate the Modal element:
If you don't want a modal to automatically open and close, you can use a Link, Button, Container, Slide or Column element to trigger it.
You can also trigger a modal through a WYSIWYG link. For optimal accessibility, this link should point to an alternate location where the modal content can be viewed (should JavaScript be disabled). To connect this with your modal:
Site StudioSource mode.data-modal-open="modal-id" as an attribute to your link, where modal-id is the id you've given to your modal.Source mode and save your changes.If this content did not answer your questions, try searching or contacting our support team for further assistance.
If you don't want a modal to automatically open and close, you can use a Link, Button, Container, Slide or Column element to trigger it.
You can also trigger a modal through a WYSIWYG link. For optimal accessibility, this link should point to an alternate location where the modal content can be viewed (should JavaScript be disabled). To connect this with your modal:
Source mode.data-modal-open="modal-id" as an attribute to your link, where modal-id is the id you've given to your modal.Source mode and save your changes.If this content did not answer your questions, try searching or contacting our support team for further assistance.