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

बॉक्स के साथ वायरफ्रेमिंग

एक नई पंक्ति fluidRow() द्वारा परिभाषित की जाती है।

साथ ही, कंटेंट व्यवस्थित करने के लिए बॉडी में box() जोड़ा जा सकता है। कई box() जोड़े जा सकते हैं, हर एक की डिफ़ॉल्ट चौड़ाई 6 होती है, जिसे width आर्ग्युमेंट से समायोजित किया जा सकता है। एक पंक्ति की अधिकतम चौड़ाई 12 होने के कारण, एक पंक्ति में केवल दो डिफ़ॉल्ट box() रखे जा सकते हैं। आप height भी सेट कर सकते हैं ताकि अलग-अलग आयामों वाले बॉक्स जोड़े जा सकें।

ये box() यहाँ दो मुख्य काम करते हैं। पहला, ये आपके shinydashboard के एलिमेंट्स को व्यवस्थित करते हैं; और दूसरा, वायरफ्रेमिंग करने के लिए, ताकि कंटेंट जोड़ने से पहले आप हर ऑब्जेक्ट की प्लेसमेंट प्लान कर सकें।

इस अभ्यास में आप खाली बॉक्स के साथ वायरफ्रेमिंग करेंगे।

shiny और shinydashboard पैकेज लोड किए गए हैं। डैशबोर्ड हेडर और साइडबार क्रमशः header और sidebar के रूप में स्टोर हैं।

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

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

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

अभ्यास निर्देश

  • पहली पंक्ति में, चौड़ाइयाँ 2, 2 और 8 वाली तीन box() जोड़ें।
  • दूसरी पंक्ति में, एक box() जोड़ें जो पूरी पंक्ति भर दे और जिसकी ऊँचाई 200 हो।
  • तीसरी पंक्ति में दो खाली बॉक्स हों जिनकी चौड़ाई बराबर हो, जिनके लेबल हों "A slider goes here" और "Some info boxes go here".

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

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

body <- dashboardBody(
  # Add three boxes with widths 2, 2 and 8
  fluidRow(box("Some buttons go here", ___, height = 100), 
           ___("Checkboxes go here", ___, height = 50),
           ___("A chart goes here", ___, height = 150)),
  # Add one box that fills the entire row and has height 200
  fluidRow(___("Data table goes here"), ___, ___),
  # Add a third row containing two boxes with equal widths
  fluidRow(___)
)

ui <- dashboardPage(header, sidebar, body)
server <- function(input, output){}
shinyApp(ui, server)
कोड संपादित करें और चलाएँ