У меня есть несколько модальных окон bootbox.alert () и bootbox.confirm () на одной странице, необходимо четко добавить разные стили, но пока не повезло, как я могу определить свои собственные классы стилей для этих модальных окон.
var alertModal = bootbox.alert(
{
title: "<i class='fa fa-exclamation-circle' style='font-size: 20px; color: white'></i> Alert",
message: "Please select Patient from Queue",
})
alertModal.find('.modal-header')
.css(
{
'background-color': 'red',
'color': 'white'
}
);
alertModal.find('.modal-footer')
.css({
'background-color': 'green',
'color': 'white'
}
);






В ссылке на документацию Параметры диалога вы можете видеть, что указана опция для необязательного className.
var alertModal = bootbox.alert(
{
title: "<i class='fa fa-exclamation-circle' style='font-size: 20px; color: white'></i> Alert",
message: "Please select Patient from Queue",
className:"your custom class name here"
})
Вы можете создать отдельные классы для оповещения и подтвердить и передать его в параметрах.
Это очень простая конфигурация с помощью загрузочного ящика. Большое спасибо Гаутаму Найку.