Use the modal element to add an accessible popup dialog to your Layout canvas.
Focus will return to the body when the modal is closed. If you would like focus to return to your trigger element, the trigger element should have a unique ID added through the markup tab.
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:
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.You many need to add data-modal-open as an allowed HTML attribute to your text format settings for this to work.
If this content did not answer your questions, try searching or contacting our support team for further assistance.
Wed Mar 26 2025 01:06:20 GMT+0000 (Coordinated Universal Time)