Как вручную задать вертикальную высоту в bootbox - PullRequest
Новая
       27

Как вручную задать вертикальную высоту в bootbox

0 голосов
/ 11 октября 2019

Я хочу указать вертикальную высоту вручную в приглашении загрузочной коробки.

Вот загрузочная коробка, мы можем исправить ее точно по центру, но я хочу разместить ее чуть выше. 

      $('#btnNewPra').on('click',function(){
          bootbox.prompt({
            size: "small",
            title: 'Spot',
            margin: '50px' ,
            // centerVertical: true,
            callback: function(result){

            }
          })
        })

1 Ответ

0 голосов
/ 16 октября 2019

Самый простой вариант - использовать параметр className и некоторый пользовательский CSS, например: https://jsfiddle.net/6vmjpx3y/

bootbox.prompt({
  size: "small",
  title: 'Spot',
  className: 'mini-box',
  centerVertical: true,
  callback: function(result) {

  }
})

и 

.mini-box .modal-dialog-centered .modal-content {
  margin-top: -50px;
}

Значение className будет любымимеет смысл для вас. Возможно, есть и другие способы сделать это, но использование опции centerVertical добавляет класс .modal-dialog-centered в оболочку диалога. Затем вы можете применить отрицательное поле к классу .modal-content (самая внешняя «видимая» часть модального окна), чтобы вывести диалоговое окно на нужную вам величину из центра области просмотра.

...