代码之家  ›  专栏  ›  技术社区  ›  Lev

指定checkboxGroupInput中行之间的填充

  •  0
  • Lev  · 技术社区  · 2 年前

    这是我闪亮的应用程序:

    用户界面。R

    # values to show, or not show, these will be the 'choices' and 'selected' values
    # for the checkboxGroupInput()
    all_rows <- 1:25
    names(all_rows) <- paste("Row", all_rows)
    
    # data control: the checkboxes will control the data values plotted
    controls <-
      list(h3("Multicolumn checkboxGroupInput"), 
           tags$div(align = 'left',
                    class = 'multicol',
                    checkboxGroupInput(inputId  = 'numSelector',
                                       label    = NULL,
                                       choices  = all_rows,
                                       selected = NULL,
                                       inline   = FALSE))
           ) 
    
    
    ui <- fluidPage(
                    tags$style(type='text/css',"
                    label {font-size: 10px; }           
                    .form-group {margin-top: 5px; margin-bottom: 5px;}
                    .nav-tabs {font-family:'arial';font-size:20px}
                    input[type=checkbox] {transform: scale(1);margin-top:1px;}
                    .multicol {height: 150px; 
                              -webkit-column-count: 5; /* Chrome, Safari, Opera */
                              -moz-column-count: 5;    /* Firefox */
                              column-count: 5; 
                              -moz-column-fill: auto;
                              -column-fill: auto;}
                    .btn {display:block;height: 60px;width: 40px;border-radius: 50%;} 
                    #modules .checkbox label span {font-weight:bold;}
                    #label {color:#fff;}
                    "),                
                    fluidRow(column(width = 12, controls),
                             column(width = 12, plotOutput("plot")))
                     # sidebarLayout(
                     #   position = "left",
                     #   sidebarPanel(controls),
                     #   mainPanel()
                     # )                
                    )
    

    服务器R

    server = function(input, output) { 
    }
    

    这就是它的样子:

    enter image description here

    我将包括100多个带有大标签的复选框,我需要删除行之间的空格(黄色空格)。你能建议改变什么吗?

    谢谢

    1 回复  |  直到 2 年前
        1
  •  1
  •   Douglas Mesquita    2 年前

    加上 .checkbox, .radio {margin: 0px} 给你的 tags$style :

    tags$style(
        type = 'text/css',
        "label {font-size: 10px; }
        .form-group {margin-top: 5px; margin-bottom: 5px;}
        .nav-tabs {font-family:'arial';font-size:20px}
        input[type=checkbox] {transform: scale(1);margin-top:1px;}
        .multicol {
          height: 150px; 
          -webkit-column-count: 5; /* Chrome, Safari, Opera */
          -moz-column-count: 5;    /* Firefox */
          column-count: 5; 
          -moz-column-fill: auto;
          -column-fill: auto;
        }
        .btn {display:block;height: 60px;width: 40px;border-radius: 50%;} 
        #modules .checkbox label span {font-weight:bold;}
        #label {color:#fff;}
        .checkbox, .radio {margin: 0px}
        "
      )