R shinydashboard 自定义 CSS 到 valueBox

Question

我一直在尝试将 valueBox 的颜色更改为自定义颜色（超出 validColors 中可用的颜色），但未能成功。我知道有一种方法可以使用标签来包含自定义 CSS 但是我无法将它们放在正确的位置。

ui<- dashboardPage(   
                dashboardHeader(),  
                 dashboardSidebar(),  
                 dashboardBody(  
                           fluidRow(valueBoxOutput("name")  
                             )))

 server<- function(input, output){  
  output$name<- renderValueBox({ valueBox(  
    ("example"), subtitle = "Subtitle text",color="blue")}  
  )}

非常感谢任何帮助！

Answer 1

您好，您可以覆盖 CSS class 以在 ui 中添加带有 tags$style 的自定义颜色，如下所示，修改框的 background-color颜色（这里是华丽的黄色）和 color 作为文本颜色。由于只有 class .small-box.bg-yellow 被更新，因此只有带有 color = "yellow" 的方框会被修改。

library("shiny")
library("shinydashboard")

ui<- dashboardPage(
  dashboardHeader(),  
  dashboardSidebar(),  
  dashboardBody(
    tags$style(".small-box.bg-yellow { background-color: #FFFF00 !important; color: #000000 !important; }"),
    fluidRow(
      valueBoxOutput("name1"), 
      valueBoxOutput("name2")
    )
  )
)

server<- function(input, output){
  output$name1 <- renderValueBox({
    valueBox("example", subtitle = "Subtitle text", color = "yellow")
  })
  output$name2 <- renderValueBox({
    valueBox("example", subtitle = "Subtitle text", color = "blue")
  })
}
shinyApp(ui = ui, server = server)

R shinydashboard 自定义 CSS 到 valueBox

R shinydashboard custom CSS to valueBox

html

css

r

shiny

shinydashboard