Creazione di layout asimmetrico coinvolgono righe e colonne in Shiny

Question

ho creato più righe in un lucido ui come tale:

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"))), 
    )) 

che crea una bella griglia di 4 x 4

.

Sembra che Shiny sia orientato a consentire agli utenti di organizzare gli oggetti in colonne

Mi piacerebbe vedere se riesco a organizzare il mio display in qualcosa che ha due colonne, ma all'interno di una colonna, ha due file - è probabilmente più chiaro se ho improvvisare una semplice illustrazione:

(Questa è solo un'idea generale e non c'è niente impostato in pietra per quanto riguarda le dimensioni di colonne/righe al momento - solo cercando il modello di ossa nude per questa struttura, per così dire.)

Ho cercato in giro per la documentazione e non riesco a trovare una soluzione ragionevole. Se qualcuno ha pensato e risolto questo o ha qualche idea, mi piacerebbe ascoltarli. Grazie.

Answer 1

Dai un'occhiata allo http://getbootstrap.com/2.3.2/scaffolding.html. Le funzioni lucide fluidRow e column sono funzione di convenienza per creare div(class = "row-fluid, ...) e div(class = "spanx", ...) rispettivamente:

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) { 
    } 
))