Lumira Designer - scrollable pagebook

[Dariush]

Hi,

i have a little issue with my layout. I want to get scroll on vertical axis, but my adaptive layout, which is in pagebook, can't see bottom of page. The values of width and height are auto and margins are 0px. When adaptive panel is in a regular panel everything is ok, but in pagebook window cuts layout instead scrolling it. That is my hierarchy:

How can i set panels that have scrollable pagebook with adaptive layout?

Thans for help.

[MustafaBensan · Accepted solution]

Hi Dariusz,

Coincidentally, I recently encountered exactly the same issue. To allow vertical scrolling in a Pagebook page you should perform the following steps:

1) Enclose the Adaptive Layout container inside a Panel container

2) Add a custom CSS to your application and include the following class:

div.zenborder div.scroll-y {
  /* do not allow X scroll */
  overflow-x: hidden !important;
  /* allow Y scroll */
  overflow-y: scroll !important;
}

3) Set the CSS Class property of the Panel in Step 1 to scroll-y

This solution was inspired from the blog post Scrollable Panel in Design Studio.

Regards,

Mustafa.

[Dariush · Accepted solution]

Works perfectly. Thank You 🙂

[MustafaBensan · Accepted solution]

You're welcome 🙂 Glad it worked for you.