CommencerCommencez gratuitement

Le body et finaliser l’UI

Vous avez déjà configuré le header et la sidebar. Vous pouvez maintenant mettre en place le body.

C’est une étape clé du wireframing, car elle vous aide à décider où positionner vos outputs et inputs à l’intérieur du corps principal du tableau de bord.

Dans cet exercice, vous allez placer plusieurs outputs et inputs dans le tableau de bord. Ce faisant, vous obtiendrez les trois composants de l’interface utilisateur, qui seront assemblés dans dashboardPage().

Cet exercice fait partie du cours

<cours>Créer des tableaux de bord avec shinydashboard</cours>
Voir le cours

Exercice interactif pratique

Essayez cet exercice en complétant ce code d’exemple.

header <- dashboardHeader(title = "Soccer tournament")

sidebar <- dashboardSidebar(
  sidebarMenu(
    menuItem("Matches", tabName = "matchtab", icon = icon("futbol")), 
    menuItem("General statistics", tabName = "statstab", icon = icon("chart-line")) 
  )
)

body <- dashboardBody(tabItems(
  tabItem(tabName = "matchtab", 
  fluidRow(selectInput("match", "Match number", choices = 1:nrow(soccer))) 
         ),
  # See that the second tab should contain three sub-tabs
  ___(tabName = ___, 
          ___(tabPanel("Goals"), 
                 ___("Yellow cards"),
                 ___(___))
         )
))
Modifier et exécuter le code