Custom message Box

Ramco Ramco

I want to display custom message using below code. How it can be done. I want Title shouldbe BOLD , Left SIde & Bold line should appear below after Title. Then Body & Ok.Cancel buttons.

As of now Title is appearing in Centre & line appears just below text . I want line should be full width.

function ShowPopup(heading, body, type) {
        swalInit.fire({
            title: `
            
                ${heading}
            
            `,
            html: `${body}`,
            icon: type,
            position: 'center', // Adjust position as needed
            allowOutsideClick: false,
            confirmButtonText: 'OK',
            timer: 6000
        });
    }

Thanks

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Gowtham Cp2y ago

use this code:

function ShowPopup(heading, body, type) {
    swalInit.fire({
        title: `
        
            ${heading}
        
        `,
        html: `${body}`,
        icon: type,
        showCancelButton: true,
        confirmButtonText: 'OK',
        cancelButtonText: 'Cancel'
    });
}