How can I customize the appearance and content of Toastr alert messages?

Shishir Bhuiyan answered on December 6, 2024 Popularity 7/10 Helpfulness 1/10

answer How can I customize the appearance and content of Toastr alert messages?

How can I customize the appearance and content of Toastr alert messages?

Comment

toastr.options = {
    "closeButton": true,
    "debug": true,
    "newestOnTop": true,
    "progressBar": false,
    "positionClass": "toast-top-full-width",
    "preventDuplicates": true,
    "tapToDismiss": false,
    "onclick": null,
    "showDuration": "300",
    "hideDuration": "1000",
    "timeOut": 0,
    "extendedTimeOut": 0,
    "showEasing": "swing",
    "hideEasing": "linear",
    "showMethod": "fadeIn",
    "hideMethod": "fadeOut"
};

#toast-container>div{
    opacity: 1!important;
    box-shadow: none !important;
}
#toast-container>div:hover{
    box-shadow: none !important;
}
.toast-message{
    font-size: 16px !important;
}

Popularity 7/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: alert appearance javascript toastr

Link to this answer
Share Copy Link

Contributed on Dec 06 2024

Shishir Bhuiyan

0 Answers Avg Quality 2/10

How can I customize the appearance and content of Toastr alert messages?

Contents

More Related Answers

How can I customize the appearance and content of Toastr alert messages?

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.