BaşlayınÜcretsiz başlayın

Durumları ayarlama

Videoda vurgulanan iyi UI/UX uygulamalarından biri renkleri etkili kullanmaktır. Gördüğün gibi, uygun argümanları ayarlayarak box() ve notificationItem() öğelerine renk kodlu durumlar eklenebilir.

Available statuses

Bu sayede, ön tanımlı bu renkleri kullanarak kullanıcıların mesaja dikkat kesilmeden de hızlıca türünü anlamalarına yardımcı olursun.

Aşağıda, shinydashboard içinde farklı durumları deneyeceksin.

Bu egzersizde, shiny ve shinydashboard kütüphaneleri senin için zaten yüklendi. Ayrıca, header ve sidebar sidebar olarak kaydedildi ve server() boş bir fonksiyondur.

Bu egzersiz, kursun bir parçasıdır

shinydashboard ile Panolar Oluşturma

Kursa Göz Atın

Uygulamalı etkileşimli egzersiz

Bu egzersizi bu örnek kodu tamamlayarak deneyin.

library(shiny)
library(shinydashboard)

sidebar <- dashboardSidebar(
  width = 300,
  sidebarMenu(
    id = "pages",
    menuItem("Historical trends",
             tabName = "historical"),
    menuItem("Profits and Losses (PnLs)", 
             tabName = "profit", 
             icon = icon("money-bill-alt"),
             badgeLabel = "+2.3%", badgeColor = "green")
  )
)

header <- dashboardHeader(
  title = "Portfolio dashboard for Sally",
  titleWidth = 300,
  dropdownMenu(type = "notifications",
               # Change status of "Sell alert" from "warning" to "danger"
               notificationItem("Sell alert", status = "warning"),
               # Set status of "Buy alert" to "success".
               notificationItem("Buy alert", ___))
)

body <- dashboardBody()

ui <- dashboardPage(header, sidebar, body)
server <- function(input, output){}
shinyApp(ui, server)
Kodu Düzenle ve Çalıştır