Modals

To add a Modal click on the + icon in the Rich Text Editor toolbar and select Snippet. Now, click on Modal. You'll need to edit the modal link that will activate the popup once clicked. First, with the Modal selected, click on the # icon in the toolbar and give your Modal an ID name. The ID name should contain no spaces (ex: modalName). Next, with the link selected, click the Link Icon in the toolbar. Click Edit Link. For the URL add a # followed by the ID name you gave to your Modal and click Insert. For the final step, select your link again. Next, click on the Link Classes button in the tool bar (next to the Link icon) and select Open Modal. Now your Modal should be ready to use.

A Button That Opens A Modal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus iaculis pretium dapibus. Ut
vulputate est quis dui molestie, sed venenatis risus blandit. Maecenas in dolor eget dolor vulputate
condimentum. Aliquam tellus purus, molestie at condimentum ac.

Open Modal


An Image that opens a modal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus iaculis pretium dapibus. Ut vulputate est quis dui molestie, sed venenatis risus blandit. Maecenas in dolor eget dolor vulputate condimentum. Aliquam tellus purus, molestie at condimentum ac, facilisis at massa. Phasellus in libero a nisi pretium luctus. Morbi hendrerit erat felis, vitae egestas.

This website stores cookies on your computer. These cookies are used to collect information about how you interact with our website and allow us to remember you. We use this information in order to improve and customize your browsing experience and for analytics and metrics about our visitors both on this website and other media. To find out more about the cookies we use, see our Privacy Policy.