Настройте размер модального окна в ShinyBS

Недавно я использовал ShinyBS для создания модального окна, как в

bsModal(id, title, trigger, ..., size)

Аргумент размера может быть либо "маленький", либо "большой" (или отсутствует).

Как видите, даже большое окно довольно маленькое, и вещи упаковываются довольно плотно:

введите описание изображения здесь

Есть ли какой-нибудь возможный хак, который кто-нибудь нашел, который может помочь настроить размер окна?


person tumultous_rooster    schedule 07.10.2015    source источник
comment
Вы уже нашли решение?   -  person Christophe D.    schedule 03.12.2015
comment
Нет, к сожалению нет. Я не думаю, что есть способ сделать это на данный момент.   -  person tumultous_rooster    schedule 03.12.2015


Ответы (1)


Я знаю, что эта тема устарела, но, поскольку я нашел решение, я публикую его для человека, идущего сюда, чтобы найти ответ. Вы можете сделать это, изменив стиль CSS. По просьбе вашего приложения просто точно:

.modal-lg {
width: 4000px;
}

or

.modal-lg {
width: 95%;
}

Чтобы изменить размер size = "large"argument в модальном или

.modal-sm {
width: 40px;
}

поменять на маленькую. Конечно, измените px, чтобы изменить размер, как вы хотите.

В своем приложении поместите сюда код, чтобы он был доступен для вашего приложения:

dashboardBody(
  tags$head(tags$style(HTML('

                        .modal-lg {
                        width: 4000px;

                        }
                      '))),
#ALL YOUR APP GOES HERE
)
person Romain    schedule 25.07.2016
comment
Как я могу изменить высоту модального окна, чтобы оно занимало 90% размера экрана? - person Bogaso; 03.09.2019
comment
вы можете использовать следующую строку в тегах кода $style(type = 'text/css',.modal-dialog{ max-width: 1500px !important; width: 1500px !important; }) и вы можете немного поиграть с px число, чтобы иметь 90% вашего экрана, в моем случае 1500, но иногда достаточно 1200 - person Carlos Tellez; 14.05.2021