ÎncepețiÎncepe gratuit

Corpul și finalizarea UI

Ai configurat header-ul și sidebar-ul. Acum poți configura și body-ul.

Acesta este un pas esențial în procesul de wireframing, deoarece te ajută să decizi unde să plasezi elementele de intrare și ieșire în zona principală a dashboard-ului.

În acest exercițiu, vei plasa mai multe elemente de intrare și ieșire în dashboard. Astfel, vei obține toate cele trei componente ale interfeței de utilizator, care vor fi reunite în dashboardPage().

Acest exercițiu face parte din cursul

Crearea dashboardurilor cu shinydashboard

Vezi cursul

Exercițiu interactiv practic

Încearcă acest exercițiu completând acest cod de exemplu.

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"),
                 ___(___))
         )
))
Editează și rulează codul