2014-11-19 28 views
5
में पंक्तियों और स्तंभ को शामिल लेआउट बनाना

मैं जैसे एक चमकदार ui में अनेक पंक्तियों बनाया है:असममित चमकदार

shinyUI (fluidPage (

fluidRow( 
    column(6, 
     textOutput("text_col1_row_1")), 
    column(6 
     textOutput("text_col2_row_1"))), 

fluidRow( 
    column(6, 
     textOutput("text_col1_row_2")), 
    column(6, 
     textOutput("text_col2_row_2"))), 
    )) 

जो एक अच्छा 4 X 4 ग्रिड बनाता

ऐसा लगता है चमकदार उन स्तंभों में वस्तुओं को व्यवस्थित करने के लिए अनुमति की दिशा में सक्षम है।

मैं अगर मैं में अपने प्रदर्शन का आयोजन कर सकते देखना चाहेंगे कुछ है जो दो कॉलम, फिर भी एक स्तंभ के भीतर है, इसमें दो पंक्तियां हैं - यह शायद स्पष्ट है कि अगर मैं एक सरल उदाहरण कोड़ा:

enter image description here

(यह सिर्फ एक सामान्य विचार है और में सेट कोई बात नहीं है इस समय स्तंभ/पंक्ति आकार के बारे में पत्थर - सिर्फ इस संरचना के लिए नंगे हड्डियों टेम्पलेट के लिए देख रहा है, तो बात करने के लिए)

मैं प्रलेखन के आसपास खोज की है और एक उचित समाधान खोजने के लिए प्रतीत नहीं कर सकते हैं।। अगर किसी ने इस बारे में सोचा है और हल किया है या कोई विचार है, तो मुझे उन्हें सुनना अच्छा लगेगा। धन्यवाद।

उत्तर

13

http://getbootstrap.com/2.3.2/scaffolding.html पर एक नज़र डालें।

library(shiny) 
runApp(list(
    ui = fluidPage(
    fluidRow(
     column(6 
      , fluidRow(
       column(6, style = "background-color:yellow;", div(style = "height:300px;")) 
       , column(6, style = "background-color:green", div(style = "height:300px;")) 
      ) 
      , fluidRow(
       column(12, style = "background-color:red;", div(style = "height:300px;")) 
       ) 
    ) 
     , column(6, style = "background-color:blue;", div(style = "height:600px;")) 
    ) 
), 
    server = function(input, output) { 
    } 
)) 

enter image description here

: चमकदार कार्यों fluidRow और column div(class = "row-fluid, ...) बनाने के लिए सुविधा समारोह और div(class = "spanx", ...) क्रमशः