Shinydashboard dashboardSidebar 宽度设置

Question

我在 shinydashboard (0.4.0) 中使用 shiny (0.12.0) =]R (RRO 8.0.3 CRAN-R 3.1.3) 创建一个 UI，我很喜欢我所看到的。但是，我希望能够控制 dashboardSidebar 项的宽度，因为我需要在其中放置一些宽选择器框。

ui <- dashboardPage(
  dashboardHeader(title = "My Dashboard"),
  dashboardSidebar(#stuffhere)  #would like a width param setting
  dashboardBody()
)

有没有办法做到这一点（一些隐藏得很好的宽度参数，或嵌入 css），还是我必须回到无聊的闪亮状态并从头开始构建它？

Answer 1

边栏的宽度由 .left-side class 上的 CSS 设置，因此您可以：

dashboardPage(
  dashboardHeader(title = "My Dashboard"),
  dashboardSidebar( tags$style(HTML("
      .main-sidebar{
        width: 300px;
      }
    ")),selectInput("id","Select a survey",choices=c("Very very very very long text","text"))), 
    dashboardBody()
  )

Answer 2

旧答案可能仍然有效，但现在还有一个 width = ... 选项。看： https://rstudio.github.io/shinydashboard/appearance.html#sidebar-width。这是那边显示的示例代码：

shinyApp(
  ui = dashboardPage(
    dashboardHeader(
      title = "Title and sidebar 350 pixels wide",
      titleWidth = 350
    ),
    dashboardSidebar(
      width = 350,
      sidebarMenu(
        menuItem("Menu Item")
      )
    ),
    dashboardBody()
  ),
  server = function(input, output) { }
)

Shinydashboard dashboardSidebar 宽度设置

Shinydashboard dashboardSidebar Width Setting

css

r

width

shiny