Kom igångKom igång gratis

Kroppen och att slutföra användargränssnittet

Du har nu satt upp header och sidebar. Nu är det dags att sätta upp body.

Detta är en viktig del av wireframing-processen, eftersom det hjälper dig att bestämma var du vill placera dina utdata och indata i dashboardens huvudområde.

I den här övningen placerar du flera utdata och indata i dashboarden. På så sätt får du alla tre komponenterna i användargränssnittet, som sedan sätts ihop i dashboardPage().

Den här övningen är en del av kursen

Bygga dashboards med shinydashboard

Visa kurs

Interaktiv övning med praktiskt arbete

Testa den här övningen genom att slutföra den här exempelkoden.

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"),
                 ___(___))
         )
))
Redigera och kör kod