Wireframing mit Boxes
Eine neue Zeile wird mit fluidRow() definiert.
Außerdem kann box() im Body hinzugefügt werden, um Inhalte zu strukturieren. Es können mehrere box()es hinzugefügt werden, jede mit einer Standardbreite von 6, die über das Argument width angepasst werden kann. In eine Zeile passen nur zwei box()es mit Standardbreite, da die maximale Breite einer Zeile 12 beträgt. Du kannst auch height setzen, damit Boxes mit unterschiedlichen Abmessungen hinzugefügt werden können.
Diese box()es erfüllen hier zwei Hauptzwecke. Erstens strukturieren sie die Elemente deines shinydashboard; und zweitens dienen sie dem Wireframing, sodass du die Platzierung der einzelnen Objekte planen kannst, bevor du Inhalte hinzufügst.
In dieser Übung führst du das Wireframing mit leeren Boxes durch.
Die Pakete shiny und shinydashboard wurden geladen. Der Dashboard-Header und die Sidebar sind als header und sidebar gespeichert.
Diese Übung ist Teil des Kurses
Dashboards mit shinydashboard erstellen
Anleitung zur Übung
- Füge in der ersten Zeile drei
box()es mit den Breiten 2, 2 und 8 hinzu. - Füge in der zweiten Zeile eine
box()hinzu, die die gesamte Zeile ausfüllt und die Höhe 200 hat. - In der dritten Zeile sollen zwei leere Boxes mit gleicher Breite enthalten sein, beschriftet mit "A slider goes here" und "Some info boxes go here".
Interaktive Übung
Vervollständige den Beispielcode, um diese Übung erfolgreich abzuschließen.
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)