Вайрфреймінг за допомогою box
Новий рядок визначається за допомогою fluidRow().
Крім того, у body можна додавати box() для впорядкування вмісту. Можна додати кілька box(), кожен має ширину 6 за замовчуванням і може бути змінений аргументом width. В один рядок можна розмістити лише дві стандартні box(), адже максимальна ширина рядка дорівнює 12. Також можна встановити height, щоб додавати блоки різних розмірів.
Такі box() тут мають дві основні цілі. По‑перше, вони впорядковують елементи вашого shinydashboard; по‑друге, дають змогу виконати вайрфреймінг, щоб спланувати розміщення кожного об'єкта перед додаванням вмісту.
У цій вправі ви виконаєте вайрфреймінг з порожніми блоками.
Пакети shiny і shinydashboard уже завантажено. Заголовок і бічну панель інформаційної панелі збережено як header і sidebar.
Ця вправа є частиною курсу
Створення панелей керування з shinydashboard
Інструкції до вправи
- У першому рядку додайте три
box()із ширинами 2, 2 і 8. - У другому рядку додайте один
box(), що заповнює весь рядок і має висоту 200. - У третьому рядку додайте два порожні блоки з однаковими ширинами з підписами «A slider goes here» і «Some info boxes go here».
Інтерактивна практична вправа
Спробуйте виконати цю вправу, доповнивши цей зразок коду.
body <- dashboardBody(
# Add three boxes with widths 2, 2 and 8
fluidRow(box("Some buttons go here", ___, height = 100),
___("Checkboxes go here", ___, height = 50),
___("A chart goes here", ___, height = 150)),
# Add one box that fills the entire row and has height 200
fluidRow(___("Data table goes here"), ___, ___),
# Add a third row containing two boxes with equal widths
fluidRow(___)
)
ui <- dashboardPage(header, sidebar, body)
server <- function(input, output){}
shinyApp(ui, server)