在闪亮的应用程序中对齐许多coumns中的复选框元素

时间:2016-04-27 18:52:55

标签: r checkbox alignment shiny

所以,我写了一个Shiny应用程序,显示了一些复选框和单选按钮。为了节省屏幕空间,我想组织2列中的复选框答案。我已经按照here给出的建议,到达了一个可接受的界面:

Snapshot

但正如您所看到的,第一列是垂直位移的(我使用了label = NULL)。当没有标签时,有没有办法让两列垂直对齐?

相关的代码:

SynchronizationContext.Current

提前致谢

1 个答案:

答案 0 :(得分:4)

第一个复选框顶部有一个小边距。使用下面的代码将其删除。注意最后一行是我添加的唯一一行。

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;}"))),