Skip to Content

Lumira Designer - scrollable pagebook

Sep 05, 2017 at 09:21 AM


avatar image
Former Member


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.

hierarchy.jpg (42.6 kB)
10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Best Answer
Mustafa Bensan Sep 05, 2017 at 10:59 AM

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.



Show 2 Share
10 |10000 characters needed characters left characters exceeded
Former Member

Works perfectly. Thank You :)


You're welcome :) Glad it worked for you.