shinyDashboard - 更改dropDownMenu的宽度

Question

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

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

谢谢，鲍勃

Answer 1

您可以使用dashboardBody()中的自定义CSS更改框的宽度。只需在dashboardBody的开头插入以下代码：

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

在这个例子中，我将宽度设置为900px。

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