LoslegenKostenlos loslegen

Statuses einstellen

Eine der guten UI/UX-Praktiken, die im Video hervorgehoben wurden, ist der effektive Einsatz von Farben. Wie du gesehen hast, können farbcodierte Statusangaben zu box()-Elementen und notificationItem() hinzugefügt werden, indem die entsprechenden Argumente gesetzt werden.

Available statuses

So kannst du diese vordefinierten Farben nutzen, damit Nutzer die Art der Nachricht schnell erfassen, ohne genau hinschauen zu müssen.

Im Folgenden probierst du verschiedene Statuswerte im shinydashboard aus.

In dieser Übung wurden die Bibliotheken shiny und shinydashboard bereits für dich geladen. Außerdem wurden Header und Sidebar als sidebar gespeichert, und server() ist eine leere Funktion.

Diese Übung ist Teil des Kurses

Dashboards mit shinydashboard erstellen

Kurs anzeigen

Interaktive Übung

Vervollständige den Beispielcode, um diese Übung erfolgreich abzuschließen.

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)
Code bearbeiten und ausführen