Basic Code Structure for Modals:

<div class=”modalitemdata-id=”12″>Launch Modal</div>

<div id=”modal-12” class=”r-modal“>
<div class=”header”>Header Title</div>
<div class=”content”>Content to show on the modal</div>
<div class=”actions”>Footer Content</div>

You need to make sure data-id=[id] and modal-[id] is the same for a modal. If you create multiple modal add different ID for each modal.

Standard Modal
Launch Modal
Basic Modal
Basic Modal
Full Screen
Fullscreen Modal
Size – Small
Small Size Modal
Size – Large
Large Size Modal

Newsletter Subscribe