css - Cómo colocar un botón en la columna fluidRow
Estoy tratando de colocar un cuadro de selección de entrada junto a un botón de acción en una aplicación brillante, usando fluidRow & argumentos de columna Sin embargo, el botón se coloca en la parte superior de su columna. El uso de text-align:center en el div coloca el botón en el centro de la vista de columna. Me gustaría que el botón de acción esté a la misma altura que el cuadro de selección a su izquierda.
Estoy empezando a familiarizarme con algo de CSS gracias a Shiny, pero estoy perdido aquí. Gracias de antemano :)
ui <- fluidPage(title = "Working Title",
sidebarPanel(width = 6,
# *Input() functions
fluidRow(column(6, selectInput("Input1", label = h3("Select Input 1"), choices = list( "A" = "A", "B" = "B"), selected = 1)),
column(6, div(style = "background-color:yellow; text-align:center;", actionButton("goButtonSetInput1", "SetInput1")))
)
)
)
server <- function(input, output) {
}
shinyApp(ui = ui, server = server)
------------Respuesta------------
Puedes hacerlo agregando otra fluidRow y configurando la etiqueta =NULL
ui <- fluidPage(title = "Working Title",
sidebarPanel(width = 6,
# *Input() functions
fluidRow(column(6, h3("Select Input 1") )),
fluidRow(column(6, selectInput("Input1", label = NULL, choices = list( "A" = "A", "B" = "B"), selected = 1)),
column(6, div(style = "background-color:yellow; text-align:center;", actionButton("goButtonSetInput1", "SetInput1")))
)
)
)
server <- function(input, output) {
}
shinyApp(ui = ui, server = server)
Etiquetas:
Artículos relacionados:
¿Cómo obtener la dirección IP real en la aplicación de Android?
Argumento de plantilla de C++ de tipo desconocido
- java - Jackson deserializar clases abstractas
- ¿Se pueden entrenar y usar los clasificadores de MLLib sin una instalación de Spark?
- reactjs - Recursión de reacción
- phantomjs - Supervise la red con cromo sin cabeza
- Si la declaración usa php y avanza los campos personalizados en wordpress: oculta los campos vacíos
- cmd - ¿Cómo puedo cambiar el nombre de un archivo en código en Inno Setup?
- java: una cadena de TextView se está configurando incorrectamente. ¿Cómo puedo solucionarlo?
- Chef: Habilitar la seguridad de Jenkins hace que la instalación del complemento falle
- "la cantidad debe ser un valor numérico" Error de rieles
- select - Código de Visual Studio: velocidad de desplazamiento demasiado rápida para seleccionar con el mouse
- node.js: no se puede hacer que el servidor del nodo se convierta en proxy a nginx en la instancia RedHat Ec2
- dplyr - R: hace referencia dinámicamente a los nombres de las columnas cuando se usa "$" o "[:]" ¿sintaxis?
- java - Cómo ejecutar compilaciones de Eclipse Maven con argumentos de línea de comandos
- javascript - RSelenium no abre la página web
- html - Localización de elementos en pastebin bin selenoum (python)
Artículos calientes
- Los peligros de inhibir las prostaglandinas
- Que medicamento tomar para el dolor de hombro congelado
- ¿Cuál es el significado del divertículo intestinal?
- ¿Los niños del confinamiento pueden comer fruta?
- ¿Qué tan pronto puedo tener relaciones sexuales después de la cirugía de labios?
- Cuál es el mejor tratamiento para la espondilosis cervical
- Causas de la ruptura endometrial
- Cómo curar el reumatoide
- Cómo prevenir los pólipos intestinales
- Síntomas de la nefritis púrpura alérgica
- Cómo tratar la bronquitis y el asma
- ¿Se puede curar la artrosis de rodilla?
- ¿Qué causa la úlcera gástrica duodenal?
- rinitis alérgica
- ¿Cuál es la diferencia entre la tuberculosis bronquial y la tuberculosis pulmonar?