$.getJSON("https://jsonplaceholder.typicode.com/users/" + this.id, function (user) {
var modal = new tingle.modal({
footer: true,
stickyFooter: false,
closeMethods: ['overlay', 'button', 'escape'],
closeLabel: "Close",
cssClass: ['custom-class-1', 'custom-class-2'],
beforeClose: function () {
return true; // close the modal
return false; // nothing happens
}
});
const htmlString = `<h1>User Information</h1>
<h2>ID : ${user.id}</h2>
<h2>Name : ${user.name}</h2>
<h2>User Name:${user.username}</h2>`;
modal.setContent(htmlString);
// open modal
modal.open();
// add another button
modal.addFooterBtn('Ok Close!', 'tingle-btn tingle-btn--danger', function () {
// here goes some logic
modal.close();
});
});
