ÎncepețiÎncepe gratuit

Setarea statusurilor

Una dintre bunele practici de UI/UX evidențiate în video este utilizarea eficientă a culorilor. Așa cum ai văzut, statusuri codificate prin culori pot fi adăugate la elementele box() și notificationItem() prin setarea argumentelor corespunzătoare.

Statusuri disponibile

Astfel, poți folosi aceste culori predefinite pentru a ajuta utilizatorii să identifice rapid natura mesajului, fără a fi nevoie să acorde o atenție deosebită.

În continuare, vei experimenta cu diferite statusuri în shinydashboard.

În acest exercițiu, bibliotecile shiny și shinydashboard au fost deja încărcate. De asemenea, antetul și bara laterală sunt stocate în variabila sidebar, iar server() este o funcție goală.

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.

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)
Editează și rulează codul