page_fillable: A screen-filling page layout
In rstudio/bootstraplib: Custom 'Bootstrap' 'Sass' Themes for 'shiny' and 'rmarkdown'
page_fillable R Documentation
A screen-filling page layout
Description
![[Experimental]](../help/figures/lifecycle-experimental.svg)
A Bootstrap-based page layout whose contents fill the full height and width
of the browser window.
Usage
page_fillable(
...,
padding = NULL,
gap = NULL,
fillable_mobile = FALSE,
title = NULL,
theme = bs_theme(),
lang = NULL
)
Arguments
...
UI elements for the page. Named arguments become HTML attributes.
padding
Padding to use for the body. This can be a numeric vector
(which will be interpreted as pixels) or a character vector with valid CSS
lengths. The length can be between one and four. If one, then that value
will be used for all four sides. If two, then the first value will be used
for the top and bottom, while the second value will be used for left and
right. If three, then the first will be used for top, the second will be
left and right, and the third will be bottom. If four, then the values will
be interpreted as top, right, bottom, and left respectively.
gap
A CSS length unit defining the
gap (i.e., spacing) between elements provided to ....
fillable_mobile
Whether or not the page should fill the viewport's
height on mobile devices (i.e., narrow windows).
title
The browser window title (defaults to the host URL of the page)
theme
A bs_theme() object.
lang
ISO 639-1 language code for the HTML page, such as "en" or "ko".
This will be used as the lang in the <html> tag, as in <html lang="en">.
The default (NULL) results in an empty string.
References
-
Filling Layouts
on the bslib website.
-
Getting Started with Dashboards
on the bslib website.
See Also
layout_columns() and layout_column_wrap() for laying out content
into rows and columns.
layout_sidebar() for 'floating' sidebar layouts.
accordion() for grouping related input controls in the sidebar.
card() for wrapping outputs in the 'main' content area.
value_box() for highlighting values.
Other Dashboard page layouts:
page_navbar(),
page_sidebar()
Examples
library(shiny)
library(ggplot2)
ui <- page_fillable(
h1("Example", code("mtcars"), "dashboard"),
layout_columns(
card(
full_screen = TRUE,
card_header("Number of forward gears"),
plotOutput("gear")
),
card(
full_screen = TRUE,
card_header("Number of carburetors"),
plotOutput("carb")
)
),
card(
full_screen = TRUE,
card_header("Weight vs. Quarter Mile Time"),
layout_sidebar(
sidebar = sidebar(
varSelectInput("var_x", "Compare to qsec:", mtcars[-7], "wt"),
varSelectInput("color", "Color by:", mtcars[-7], "cyl"),
position = "right"
),
plotOutput("var_vs_qsec")
)
)
)
server <- function(input, output) {
for (var in c("cyl", "vs", "am", "gear", "carb")) {
mtcars[[var]] <- as.factor(mtcars[[var]])
}
output$gear <- renderPlot({
ggplot(mtcars, aes(gear)) + geom_bar()
})
output$carb <- renderPlot({
ggplot(mtcars, aes(carb)) + geom_bar()
})
output$var_vs_qsec <- renderPlot({
req(input$var_x, input$color)
ggplot(mtcars) +
aes(y = qsec, x = !!input$var_x, color = !!input$color) +
geom_point()
})
}
shinyApp(ui, server)
rstudio/bootstraplib documentation built on Dec. 16, 2024, 2:22 p.m.
R Package Documentation
Browse R Packages
We want your feedback!
Note that we can't provide technical support on individual packages. You should contact the package authors for that.
| page_fillable | R Documentation |
A screen-filling page layout
Description
A Bootstrap-based page layout whose contents fill the full height and width of the browser window.
Usage
page_fillable(
...,
padding = NULL,
gap = NULL,
fillable_mobile = FALSE,
title = NULL,
theme = bs_theme(),
lang = NULL
)
Arguments
... |
UI elements for the page. Named arguments become HTML attributes. |
padding |
Padding to use for the body. This can be a numeric vector (which will be interpreted as pixels) or a character vector with valid CSS lengths. The length can be between one and four. If one, then that value will be used for all four sides. If two, then the first value will be used for the top and bottom, while the second value will be used for left and right. If three, then the first will be used for top, the second will be left and right, and the third will be bottom. If four, then the values will be interpreted as top, right, bottom, and left respectively. |
gap |
A CSS length unit defining the
|
fillable_mobile |
Whether or not the page should fill the viewport's height on mobile devices (i.e., narrow windows). |
title |
The browser window title (defaults to the host URL of the page) |
theme |
A |
lang |
ISO 639-1 language code for the HTML page, such as "en" or "ko".
This will be used as the lang in the |
References
-
Filling Layouts on the bslib website.
-
Getting Started with Dashboards on the bslib website.
See Also
layout_columns() and layout_column_wrap() for laying out content
into rows and columns.
layout_sidebar() for 'floating' sidebar layouts.
accordion() for grouping related input controls in the sidebar.
card() for wrapping outputs in the 'main' content area.
value_box() for highlighting values.
Other Dashboard page layouts:
page_navbar(),
page_sidebar()
Examples
library(shiny)
library(ggplot2)
ui <- page_fillable(
h1("Example", code("mtcars"), "dashboard"),
layout_columns(
card(
full_screen = TRUE,
card_header("Number of forward gears"),
plotOutput("gear")
),
card(
full_screen = TRUE,
card_header("Number of carburetors"),
plotOutput("carb")
)
),
card(
full_screen = TRUE,
card_header("Weight vs. Quarter Mile Time"),
layout_sidebar(
sidebar = sidebar(
varSelectInput("var_x", "Compare to qsec:", mtcars[-7], "wt"),
varSelectInput("color", "Color by:", mtcars[-7], "cyl"),
position = "right"
),
plotOutput("var_vs_qsec")
)
)
)
server <- function(input, output) {
for (var in c("cyl", "vs", "am", "gear", "carb")) {
mtcars[[var]] <- as.factor(mtcars[[var]])
}
output$gear <- renderPlot({
ggplot(mtcars, aes(gear)) + geom_bar()
})
output$carb <- renderPlot({
ggplot(mtcars, aes(carb)) + geom_bar()
})
output$var_vs_qsec <- renderPlot({
req(input$var_x, input$color)
ggplot(mtcars) +
aes(y = qsec, x = !!input$var_x, color = !!input$color) +
geom_point()
})
}
shinyApp(ui, server)
R Package Documentation
Browse R Packages
We want your feedback!
Note that we can't provide technical support on individual packages. You should contact the package authors for that.
Embedding an R snippet on your website
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.