How to reduce the text size and window size selectInput
in the application Shiny
?
Now I have four selectInput
and corresponding headings, and they are quite large. I want to include up to 16 of them, but with a reduced size. I included a sample ui.R
from the textbook Shiny
. Thank you for your help!
Update: I updated the following code with a line tags$style
. This made the text smaller. Now I'm not sure how to make the selectInput field smaller.
shinyUI(fluidPage(
titlePanel("censusVis"),
sidebarLayout(
sidebarPanel(
helpText("Create demographic maps with
information from the 2010 US Census."),
tags$style(type='text/css', ".selectize-input { font-size: 10px; line-height: 10px;} .selectize-dropdown { font-size: 10px; line-height: 10px; }")
selectInput("var",
label = "Choose a variable to display",
choices = c("Percent White", "Percent Black",
"Percent Hispanic", "Percent Asian"),
selected = "Percent White"),
sliderInput("range",
label = "Range of interest:",
min = 0, max = 100, value = c(0, 100))
),
mainPanel(
textOutput("text1")
)
)
))
source
share