Mulai sekarangMulai gratis

Bagian body, dan melengkapi UI

Anda telah menyiapkan header dan sidebar. Sekarang, Anda dapat menyiapkan body.

Ini adalah bagian penting dari proses wireframing karena akan membantu Anda memutuskan di mana menempatkan Hasil dan input pada posisi yang diinginkan di dalam body utama dashboard.

Dalam latihan ini, Anda akan menempatkan beberapa Hasil dan input di dashboard. Dengan demikian, Anda akan memperoleh ketiga komponen antarmuka pengguna, yang akan digabungkan dalam dashboardPage().

Latihan ini merupakan bagian dari kursus

Membangun Dashboard dengan shinydashboard

Lihat Kursus

Latihan interaktif langsung praktik

Cobalah latihan ini dengan melengkapi kode contoh ini.

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"),
                 ___(___))
         )
))
Edit dan Jalankan Kode