A jquery plugin to show responsive dialog
Include the jquery and the mt-popup-plugin js files as shown below:
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="mt-popup-plugin.js"></script>Add the below a tag to the page and content to be shown in the popup in the data-title attribute.
<a href="javascript:void(0)" class="modal-popup" data-title="Lorem IpsumLorem IpsumLorem">123</a>Then add the below script to the page.
<script type="text/javascript">
$(function(){
$( "a" ).showLinkLocation({
color: "#556b2f", //initializes the anchor tag to this color.
class: "white", // apply a class to the anchor element.
header: 'Modal Header', // Header content to be shown, leave this as empty if you do not want an header.
});
})
</script>