Description Usage Arguments Details Examples
View source: R/bootstrap-layout.R
Creates row and column layouts with proportionally-sized cells, using the Flex Box layout model of CSS3. These can be nested to create arbitrary proportional-grid layouts. Warning: Flex Box is not well supported by Internet Explorer, so these functions should only be used where modern browsers can be assumed.
1 2 3 |
... |
UI objects to put in each row/column cell; each argument will
occupy a single cell. (To put multiple items in a single cell, you can use
|
flex |
Determines how space should be distributed to the cells. Can be a
single value like |
width, height |
The total amount of width and height to use for the
entire row/column. For the default height of |
If you try to use fillRow
and fillCol
inside of other
Shiny containers, such as sidebarLayout
,
navbarPage
, or even tags$div
, you will probably find
that they will not appear. This is due to fillRow
and fillCol
defaulting to height="100%"
, which will only work inside of
containers that have determined their own size (rather than shrinking to
the size of their contents, as is usually the case in HTML).
To avoid this problem, you have two options:
only use fillRow
/fillCol
inside of fillPage
,
fillRow
, or fillCol
provide an explicit height
argument to
fillRow
/fillCol
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | # Only run this example in interactive R sessions.
if (interactive()) {
ui <- fillPage(fillRow(
plotOutput("plotLeft", height = "100%"),
fillCol(
plotOutput("plotTopRight", height = "100%"),
plotOutput("plotBottomRight", height = "100%")
)
))
server <- function(input, output, session) {
output$plotLeft <- renderPlot(plot(cars))
output$plotTopRight <- renderPlot(plot(pressure))
output$plotBottomRight <- renderPlot(plot(AirPassengers))
}
shinyApp(ui, server)
}
|
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.