r - 将操作按钮与闪亮仪表板中的输入对齐
问题描述
你好。
我正在尝试将 materialSwitch 复选框与一些 pickerInput 框对齐。
这是它的样子和我想要的样子:
这是问题的简化代码,请帮助!
library(shiny)
library(shinydashboard)
library(shinyWidgets)
#----------------------------------------------------------------------------#
ui <- {dashboardPage(
dashboardHeader(title=""),
dashboardSidebar(),
dashboardBody(
fluidRow(box(column(materialSwitch("t0"),width=1),
column(pickerInput(inputId="t1",label="",choices=c("Yes","No")),
pickerInput(inputId="t2",label="",choices=c("Yes","No")),width=3),
column(pickerInput(inputId="t3",label="",choices=c("Yes","No")),
pickerInput(inputId="t4",label="",choices=c("Yes","No")),width=4),
column(pickerInput(inputId="t5",label="",choices=c("Yes","No")),
pickerInput(inputId="t6",label="",choices=c("Yes","No")),width=4),
actionButton("t7","",width="100%"),width=12))))
}
#----------------------------------------------------------------------------#
server <- function(input, output) {}
#----------------------------------------------------------------------------#
shinyApp(ui = ui, server = server)
另外,如果有办法收紧空间,或者减少开关和输入框之间的边距,就会膨胀。我当前的代码还使其中一个选择器输入的宽度与其他选择器输入的宽度不同(包括开关),如果有一种方法可以使它们成比例,那么它们的宽度都相同,会更加膨胀。
谢谢。
解决方案
您可以应用一些 css 来移动materialSwitch
.
div(column(materialSwitch("t0"),width=1), style = 'top: 25px;position:relative;')
完整代码 -
library(shiny)
library(shinydashboard)
library(shinyWidgets)
#----------------------------------------------------------------------------#
ui <- {dashboardPage(
dashboardHeader(title=""),
dashboardSidebar(),
dashboardBody(
fluidRow(box(div(column(materialSwitch("t0"),width=1), style = ' top: 25px;position: relative;'),
column(pickerInput(inputId="t1",label="",choices=c("Yes","No")),
pickerInput(inputId="t2",label="",choices=c("Yes","No")),width=3),
column(pickerInput(inputId="t3",label="",choices=c("Yes","No")),
pickerInput(inputId="t4",label="",choices=c("Yes","No")),width=4),
column(pickerInput(inputId="t5",label="",choices=c("Yes","No")),
pickerInput(inputId="t6",label="",choices=c("Yes","No")),width=4),
actionButton("t7","",width="100%"),width=12))))
}
#----------------------------------------------------------------------------#
server <- function(input, output) {}
#----------------------------------------------------------------------------#
shinyApp(ui = ui, server = server)
推荐阅读
- list - Flutter:为字符串列表中的每个项目创建按钮(Dart)
- php - 如何从数据库中获取 mysqli 结果,其中 WHERE 子句搜索包含其中一部分的记录,不一定是全部
- r - 如何在 r 中使用 SMOTE
- asp.net - ASP .Net Core 2.2 发布到 Azure
- html - 重新定位 h1 标签,
- java - 定义 final 一个不可变参数,将参数绑定到另一个局部变量并改变局部变量是否合法?
- gtk - 在 pythonanywhere 上安装 Gtk+
- angular - 如何获得选定的期权价值?
- python - 如何找到 wav 文件的离散时间函数?
- javascript - 如何使用 Apollo 在 Nuxt 生成的动态页面中正确填充页眉?