Lesklý dynamický layout: Automaticky zábal s pevnou šířkou prvků na další řádek

hlasů
0

Jsem si vědom fluidPage()a fixedPage()rozvržení pro lesklé. V mém případě by to by bylo hezké mít další chování pro elementy (pozemky / vstupních polí / shinydashboard boxy).

Prvky by měly mít pevnou šířku (a výšku) a automaticky přejde na další řádek, pokud šířka změny na displeji.

Legenda:

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

Příklady:

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

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

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

Je rozložení takhle možné s lesklým / shinydashboard?

Položena 27/11/2018 v 17:56
zdroj uživatelem
V jiných jazycích...                            


1 odpovědí

hlasů
0

Díky @SimonLarsen Byl jsem schopen najít řešení. Lesklé nabídek flowLayout(), které podporuje tento druh rozložení. Bohužel shinydashboard krabice nemůže být použit v tomto rámci, protože předpokládají, že šířka hodnoty v rámci zaváděcí rámci sítě. Budete muset měnit implementaci shinydashbaord::box()pracovat s hodnotami šířky pixel a že by způsobit nejrůznější jiné problémy na celé čáře.

Já jsem se rozhodla pro následující řešení:

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

I budovat své vlastní krabice s pevnou výškou a pro každou parcelu / prvek obsahu individuálně definované šířky.

Odpovězeno 30/11/2018 v 12:42
zdroj uživatelem

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