Agencies
ServicesPossible online services disruption due to Internet related outage
Modal
Description
Modal is a component that displays content as a pop up.
Authoring
The Modal component is separated into authoring the pop up content and enabling the pop up on a page.
Building the pop up content
- Create a page using the Empty Template.
- Use different components to author and format the modal content you want.
Enabling the modal on any home page
- Go to the home page properties page.
- Select the enable modal option under the modal tab.
- Give the modal a title.
- Link to the modal content page you created.
- Enter an aria label for the dismiss modal button.
Enabling the modal on other pages
- Add the Modal component onto the page.
- Enter the button text.
- Choose to display the button with the button style or text CTA style.
- Give the modal a title.
- Select an icon for the modal button as needed.
- Link to the modal content page.
- Configure the button aria label and close modal button aria label.