Wireframing con le box
Una nuova riga è definita da fluidRow().
Inoltre, puoi aggiungere box() nel body per organizzare i contenuti. Si possono aggiungere più box(), ciascuna con larghezza predefinita pari a 6, regolabile con l'argomento width. In una riga possono stare solo due box() predefinite, perché la larghezza massima di una riga è 12. Puoi anche impostare height in modo da aggiungere box con dimensioni diverse.
Queste box() hanno quindi due scopi principali qui. Primo, organizzano gli elementi del tuo shinydashboard; secondo, servono per il wireframing, così puoi pianificare il posizionamento di ogni oggetto prima di aggiungere i contenuti.
In questo esercizio farai il wireframing con box vuote.
I pacchetti shiny e shinydashboard sono stati caricati. L'header e la sidebar del dashboard sono salvati come header e sidebar.
Questo esercizio fa parte del corso
Creare dashboard con shinydashboard
Istruzioni dell'esercizio
- Nella prima riga, aggiungi tre
box()con larghezze 2, 2 e 8. - Nella seconda riga, aggiungi una
box()che riempia l'intera riga e abbia altezza 200. - Nella terza riga aggiungi due box vuote con larghezze uguali, etichettate come "A slider goes here" e "Some info boxes go here".
esercizio interattivo pratico
Prova questo esercizio completando questo codice di esempio.
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)