Modal header configuration
By default the modal header is hidden. And, luckily it can be shown just as easily. A complete modal header config object looks like this -
let headerConfig = {
enabled : true,
title : 'My Modal Header',
titleTag : 'h4',
cssClass : 'bg-warning',
inlineStyles : 'text-shadow: 2px 2px red;',
content : '',
};Note that
content option? if you pass any non empty string, the modal will use this to generate the header content. Though for most cases you would be using the title text and title tag, just in case you need to have a custom content, the content option is for you.ModalManager.addModal({
header: {
enabled: true,
title: 'My Modal Header',
titleTag: 'h4',
cssClass: 'bg-primary',
inlineStyles: 'color: #fff;',
content: `<h4>Login | <a href="#" style="text-decoration: none;color: #f80;">Need an account?</a></h4>`
},
body: {
content: 'Now looking at header configs!'
}
});