flexdashboard icon indicating copy to clipboard operation
flexdashboard copied to clipboard

Both Scroll and Fill Layout for Multiple Pages

Open sheep96 opened this issue 7 years ago • 4 comments

The vertical layout for a dashboard may be set in the YAML header with either "vertical_layout: fill" or "vertical_layout: scroll." For multi-page dashboards, however, is it possible to set some pages to "fill" and others to "scroll?" I have been unable to find an option or attribute to achieve this effect.

sheep96 avatar May 04 '18 16:05 sheep96

After playing with CSS styling a bit, I believe I have arrived at a passable solution. Here I use a combination of CSS styling in the Page header and in the Column header. This ensures that the particular page scrolls even though remaining pages all fill the screen.

Page 3 {style="position:relative;"}
========================================================

Column {style="height:100pc;"}
--------------------------------------------------------

### Chart A

``` {r}
plot(iris[1:4])
```

If someone has a more elegant and straightforward solution, please advise.

sheep96 avatar May 05 '18 01:05 sheep96

I am also interested in such feature. The best would be to have something like:

Page 1 {data-vertical_layout=fill} =====================================

Page 2 {data-vertical_layout=scroll} =====================================

which is similar to orientation, which already works:

Page 2 {data-orientation=rows} =====================================

ldfreight avatar May 10 '18 02:05 ldfreight

Yes - I have tried a few workarounds and nothing seems to work. A feature like what @ldfreight suggested would be great.

oliveraj20 avatar Jun 06 '18 18:06 oliveraj20

Adding on that it would be great to have this feature!

GH-jfee avatar May 11 '22 18:05 GH-jfee