2016-04-27 6 views
1

Also schrieb ich eine Shiny-App, die einige Checkboxen und Radio-Buttons zeigt. Um Bildschirmplatz zu sparen, möchte ich die Checkbox-Antworten in 2 Spalten organisieren. Ich habe die Ratschläge befolgt here gegeben und kam zu einem akzeptablen Schnittstelle:Ausrichten von Checkbox-Elementen in vielen Fällen in einer Shiny-App

Snapshot

Aber wie man sehen kann, wird die erste Spalte vertikal verschoben (die ich verwendet habe label = NULL) .Ist es eine Möglichkeit zu haben, beide Spalten vertikal ausgerichtet, wenn kein Etikett vorhanden ist?

Das entsprechende Stück Code:

shinyUI(
navbarPage("navbar", 
tabPanel(strong("Buscador"),value="panel2", 
tags$head(tags$style(HTML(".multicol{font-size:12px; 
height:auto; 
-webkit-column-count: 2; 
-moz-column-count: 2; 
column-count: 2; 
}"))), 
fluidRow(column(4, 
        strong(p("Indexada en")), 
        tags$div(align = "left", 
          class = "multicol", 
        checkboxGroupInput("index", 
             label=NULL, 
             choices = list("PubMed©" = 3, 
                "Embase©" = 4, 
                "CINAHL©" = 5, 
                "Cuiden©" = 6, 
                "Scopus©" = 7, 
                "BVS-Lilacs©" = 8)) 
        ))))) 

Vielen Dank im Voraus

Antwort

4

Es gibt einen kleinen Seitenrand auf dem oberen Ende der ersten Checkbox. Verwenden Sie den folgenden Code, um es zu entfernen. Beachten Sie die letzte Zeile, die die einzige Zeile ist, die ich hinzugefügt habe.

shinyUI(
    navbarPage("navbar", 
       tabPanel(strong("Buscador"),value="panel2", 
         tags$head(tags$style(HTML(".multicol{font-size:12px; 
                height:auto; 
                -webkit-column-count: 2; 
                -moz-column-count: 2; 
                column-count: 2; 
                } 

                div.checkbox {margin-top: 0px;}"))), 
+0

Danke, das war in der Tat der Schlüssel. In einer glücklichen Google-Suche habe ich diesen Post (https://groups.google.com/forum/#!topic/shiny-discuss/0hNmOFXK0Yo) gefunden, in dem etwas Ähnliches in CSS diskutiert wird – cutariechu

Verwandte Themen