css – Shiny App中的可折叠盒子

前端之家收集整理的这篇文章主要介绍了css – Shiny App中的可折叠盒子前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

library(shiny)

# Define UI for application that draws a histogram
ui <- fluidPage(

  includeCSS(path = "AdminLTE.css"),#added 
  includeCSS(path = "shinydashboard.css"),#added

   # Application title
   titlePanel("Old Faithful Geyser Data"),# Sidebar with a slider input for number of bins 
   sidebarLayout(
      sidebarPanel(
         sliderInput("bins","Number of bins:",min = 1,max = 50,value = 30)
      ),# Show a plot of the generated distribution
      mainPanel(
         Box(plotOutput("distPlot"),solidHeader = T,collapsible = T,title = "collapsible Box not collapsing",status = "primary")
      )
   )
)

# Define server logic required to draw a histogram
server <- function(input,output) {

   output$distPlot <- renderPlot({
      # generate bins based on input$bins from ui.R
      x    <- faithful[,2] 
      bins <- seq(min(x),max(x),length.out = input$bins + 1)

      # draw the histogram with the specified number of bins
      hist(x,breaks = bins,col = 'darkgray',border = 'white')
   })
}

# Run the application 
shinyApp(ui = ui,server = server)

结果是

enter image description here

在上图中,单击mininize按钮时,可碰撞框不会折叠.

我在工作目录中添加了addtional AdminLTE.css和shinydashboard.css文件,但问题仍然存在.

最佳答案
仅使用闪亮的可折叠盒子.我们需要添加所需的javascript.在添加css之后我们也添加this文件.

  includeCSS(path = "AdminLTE.css"),#added

  #add this file and collapsible nature should work.
  includeScript(path = "app.js"),# 
原文链接:https://www.f2er.com/css/426979.html

猜你在找的CSS相关文章