css - Shiny 的 selectInput 旁边的标签

Question

我有这样一个 Shiny 的应用程序:

服务器.R:

    library(shiny)

    function(input, output) { NULL }

和 ui.R:

    library(shiny)  


    pageWithSidebar( 

       headerPanel("side-by-side"), 

     fluidRow(

        column(2),
        column(4,
           wellPanel(
               selectInput(inputId = "options", label = "some text", 
                           choices = list(a = 0, b = 1)))   
           )
      ),

      fluidRow( 
         h3("bla bla")
     )
    )

而且我希望 selectInput 的标签在它旁边，而不是在上面。你知道怎么做吗？

我找到了这个:Positioning Shiny widgets beside their headers 但它对我不起作用。

Answer 1

有多种方法可以做到这一点，这里是一种:

library(shiny)

server <- shinyServer(function(input, output) { NULL })
ui <- shinyUI(
  pageWithSidebar( 

    headerPanel("side-by-side"), 

    sidebarPanel(
    fluidRow(
      tags$head(
        tags$style(type="text/css", "label.control-label, .selectize-control.single{ display: table-cell; text-align: center; vertical-align: middle; } .form-group { display: table-row;}")
      ),
      column(2),
      column(4,
               selectInput(inputId = "options", label = "some text", 
                           choices = list(a = 0, b = 1))
      )
    )),
    mainPanel(
    fluidRow( 
      h3("bla bla")
    ))
  )
)

shinyApp(ui=ui,server=server)

如果您不想弄乱 Shiny 的默认 CSS，您可以将标签留空并在其旁边创建一个标签，而不是将现有标签强制放在一边。