कॉलम में चमकदार रेडियोग्रुपबटन को कैसे रखा जाए

Nov 29 2020

मैं कुछ को 5 समान रूप से स्थित स्तंभों radioGroupButtons()से संरेखित करना चाहता हूं shinyWidgets। मैं भी सभी के लिए बटन एक ही चौड़ाई चाहते हैं। यदि मैं उपयोग करता हूं, तो कॉलम की चौड़ाई थोड़ी बेहतर है, direction = "vertical"लेकिन कॉलम एक दूसरे से और भी दूर हैं। यहाँ जैसा दिखता है वैसा है।

हो सकता है कि उत्तर यहाँ छिपा हो लेकिन मैं इसका पता नहीं लगा सका।

library(shiny)
library(shinyWidgets)

my_css <-
  ".btn-group, .btn-group-vertical {
    column-count: 5;
  }"


ui <- 
  fluidPage(
    tags$head(tags$style(HTML(my_css))),
    radioGroupButtons(
      inputId = "somevalue1",
      label = NULL,
      choices = 
        setNames(
          1:20,
          rep(c("xs", "medium", "very long", "a whole lotta text"), 5)
        )#, direction = "vertical"
    )
  )


server <- function(input, output) {}

shinyApp(ui, server)

जवाब

2 gdevaux Nov 29 2020 at 17:35

आप classe btn-group-toggle और radiwelln के CSS से खेलते हुए एक ही चौड़ाई के साथ सब कुछ कर सकते हैं।

my_css <-
  ".btn-group, .btn-group-vertical {
    column-count: 5;
  }
  
  .btn-group-toggle {
  width:200px;
  }

  .radiobtn { 
    width:200px;
  }"