shinyDashboard - изменить ширину dropDownMenu

Я использую dropDownMenu в стиле «уведомлений» в моем приложении shinyDashboard как способ печати справочных сообщений для пользователя - во многом как в примерах на основном веб-сайте shinyDashboard. Однако я обнаружил, что сообщения, превышающие определенную длину (около 40 символов, поэтому не очень длинные), не помещаются в поле и вместо этого заканчиваются многоточием. Это было бы хорошо, но я не могу найти способ получить доступ к полному сообщению, т.е. щелчок по тексту или наведение на него ничего не делает.

Есть ли способ изменить ширину этого поля, чтобы сообщения были длиннее? Или, альтернативно, есть способ поместить в сообщение разрывы строк, чтобы оно занимало несколько строк (я обнаружил, что «/ n» не работает).

Спасибо, Боб


shinydashboard
person bobverity    schedule 18.03.2016    source источник
comment
Я в такой же ситуации. Как вы ее решили?   -  person Fisseha Berhane    schedule 12.12.2016
comment
Подробнее о многострочности см. github.com/rstudio/shinydashboard/issues/21.   -  person Paul Hiemstra    schedule 11.07.2017

Ответы (1)


arrow_upward
2
arrow_downward

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

    tags$head(tags$style(HTML('
  .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
  width:900px;
  }
  ')))

В этом примере я установил ширину 900px.

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

person thisislammers    schedule 21.12.2017
comment
Я только что обнаружил, что изменяю атрибуты CSS shinyWidgets::dropdownButton(), и SelectorGadget был особенно полезен (гораздо проще в использовании, чем функция проверки ). - person Jorge Esteban Mendoza; 18.07.2020