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 选择器对于您尝试操作的组件是很有用的。您可以通过在闪亮的应用程序窗口运行时右键单击它并选择“检查”来执行此操作。