shinyDashboard - 更改dropDownMenu的宽度

Question

我正在使用＆＃34;通知＆＃34;我的shinyDashboard应用程序中的样式dropDownMenu作为一种为用户打印帮助消息的方式 - 就像在主要的shinyDashboard网站上的示例中一样。但是，我发现超过一定长度的消息（大约40个字符，因此不是很长）不适合放在框中，而是用省略号跟踪。这没关系，但我无法找到任何方式来访问完整的消息，即。单击或将鼠标悬停在文本上无效。

是否有办法改变此框的宽度以允许更长的消息？或者，有没有办法在消息中添加换行符，以便它跨越多行（我发现＆＃34; / n＆＃34;不起作用）。

谢谢，鲍勃

Answer 1

您可以使用dashboardBody()内的自定义CSS更改框的宽度。只需在dashboardBody：

的开头插入以下代码即可

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

在此示例中，我将宽度设置为900px。

为了将来参考，使用R的内置检查元素工具来查看您尝试操作的组件的CSS选择器是有用的。您可以通过右键单击闪亮应用程序窗口中的任何位置并选择“检查”来执行此操作。