Modal Sizes

Modal Types

Varying Modal content

Custom Modal

Fullscreen Modal

Modal Header Coloured

Modal Filled Coloured

Modal Based Alerts

All Rights Reserved by Xtreme admin. Designed and Developed by WrapPixel.
var exampleModal = document.getElementById('samedata-modal'); exampleModal.addEventListener('', function (event) { // Button that triggered the modal var button = event.relatedTarget; // Extract info from data-bs-* attributes var recipient = button.getAttribute('data-bs-whatever'); // If necessary, you could initiate an AJAX request here // and then do the updating in a callback. // // Update the modal's content. var modalTitle = exampleModal.querySelector('.modal-title'); var modalBodyInput = exampleModal.querySelector('.modal-body input'); modalTitle.textContent = 'New message to ' + recipient; modalBodyInput.value = recipient; });