शुरू करेंमुफ़्त में शुरू करें

स्टेटस सेट करना

वीडियो में जिन अच्छे UI/UX अभ्यासों पर जोर दिया गया था, उनमें से एक है रंगों का प्रभावी उपयोग। जैसा कि आपने देखा, उचित आर्ग्यूमेंट्स सेट करके box() और notificationItem() में रंग-कोडेड स्टेटस जोड़े जा सकते हैं।

Available statuses

इससे आप पहले से तय रंगों का उपयोग कर सकते हैं, ताकि उपयोगकर्ता बिना बहुत ध्यान दिए संदेश की प्रकृति को तुरंत पहचान सकें।

आगे, आप shinydashboard में अलग-अलग स्टेटस आज़माएँगे।

इस अभ्यास में, shiny और shinydashboard लाइब्रेरी आपके लिए पहले से लोड हैं। साथ ही, हेडर और साइडबार को sidebar के रूप में सहेजा गया है, और server() एक खाली फंक्शन है।

यह अभ्यास पाठ्यक्रम का हिस्सा है

shinydashboard के साथ डैशबोर्ड बनाना

पाठ्यक्रम देखें

इंटरैक्टिव व्यावहारिक अभ्यास

इस अभ्यास को इस नमूना कोड को पूरा करके आज़माएँ।

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)
कोड संपादित करें और चलाएँ