layout dinâmico brilhante: Quebra automática de elementos de largura fixa para a próxima linha

votos
0

Estou ciente fluidPage()e fixedPage()layouts para brilhante. No meu caso apesar de que seria bom ter outro comportamento para elementos (parcelas / campos de entrada / caixas shinydashboard).

Elementos devem ter uma largura fixa (e altura) e movem-se automaticamente para a linha seguinte, se o visor largura alterações.

Lenda:

[...] <- Element
| <- Right browser window border

Exemplos:

1. Big screen case
[...] [..] [.....] [...] [...]        |

2. Small screen case
[...] [..] [.....] [...] |
[...]                    |

3. Even smaller screen case
[...] [..]  |
[.....]     |
[...] [...] |

É um layout como este possível com brilhante / shinydashboard?

Publicado 27/11/2018 em 17:56
fonte usuário
Em outras línguas...                            


1 respostas

votos
0

Graças a @SimonLarsen eu era capaz de encontrar uma solução. Ofertas brilhantes flowLayout()que suporta este tipo de layout. Caixas Infelizmente shinydashboard não pode ser usado neste contexto, porque eles esperam valores de largura dentro da estrutura da grade de bootstrap. Você teria que mudar a implementação de shinydashbaord::box()trabalhar com valores de largura de pixel e que faria com que todos os tipos de outros problemas para baixo da linha.

I optou pela seguinte solução:

shiny::fluidRow(
  shinydashboard::box(
    width = 12,
    shiny::div(
      style = "overflow-x: scroll",
      shiny::flowLayout(
        cellArgs = list(
          style = "
          min-width: 300px; 
          width: auto; 
          height: auto; 
          border: 1px solid darkgray; 
          padding: 10px;
          margin: 10px;
        "),
        plotly::plotlyOutput(
          width = "500px",
          ns("plot1")
        ),
        plotly::plotlyOutput(
          width = "500px",
          ns("plot1")
        ),
        plotly::plotlyOutput(
          width = "1045px",
          ns("plot2")
        )
      )
    )
  )
)

Eu construir minhas próprias caixas com altura fixa e para cada parcela / elemento de conteúdo uma largura definida individualmente.

Respondeu 30/11/2018 em 12:42
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more