Modals ar dynamic lightbox that fit any content even the sliders you can use the modal simply by adding a data-modal attribute to the button or any other element.
and build the modal HTML Structure with an id name same value that you give it to the data-modal attribute.
<!-- Modal Button -->
<a href="#" class="btn primary" data-modal="modal-demo">Modal Demo</a>
<!-- Modal Box -->
<div class="modal-box" id="modal-demo">
<div class="modal-content">
Modal Content
<button class="close-modal ti-clear"></button>
</div>
</div>
<div class="modal-box tornado-ui" id="styled-modal">
<div class="modal-content">
<div class="modal-head">
Modal Head Title
<span class="close-modal ti-clear"></span>
</div>
<div class="modal-body">
Styled Modal Content
</div>
<div class="modal-footer">
<a href="#" class="btn small round-corner close-modal">Close</a>
<a href="#" class="btn small round-corner primary">Save Changes</a>
</div>
</div>
</div>
Usage : Add a data-lightbox attribute to any image link to enable Lightbox. For the value of the attribute, use a unique name for each image.
If you have a group of related images that you would like to combine into a set, use the same data-lightbox attribute value for all of the images.
<!-- Image Lightbox -->
<a href="images/image.jpg" data-lightbox="image-name" data-title="My caption"><img src="images/image.jpg" alt=""></a>
<!-- Images Group Lightbox -->
<a href="images/image.jpg" data-lightbox="group-name" data-title="My caption"><img src="images/thumb.jpg" alt=""></a>
<a href="images/image-2.jpg" data-lightbox="group-name" data-title="My caption"><img src="images/thumb-2.jpg" alt=""></a>
<a href="images/image-3.jpg" data-lightbox="group-name" data-title="My caption"><img src="images/thumb-3.jpg" alt=""></a>
Note : all 3rd party plugins ar already included with the lateast version and customized to work perfectly with tornado.
You can see the original documentation in order to use them in particular way.
| Plugin Name | Definition | Orignal Documentation |
| Lightbox 2 | to create images light box. | Documentation |