Title Message

Ramco Ramco

I have below code. I want title (Success) should appear on left side as Bold. Line should be from beginning till end.

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

4 Replies

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

Ramco Ramco2y ago
Hi Amit

Title is appearing in Bold. No Line & also not getting displayed on left side.

Do we need to include any js file.

Thanks

Amit Mohanty2y ago

Try this:

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

Ramco Ramco2y ago
Hi Amit

It is still displaying similar to the image attached earlier.

Thanks

Amit Mohanty2y ago

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