Skip to Content
avatar image
Former Member

Lumira Designer - scrollable pagebook


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)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Best Answer
    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.



    Add comment
    10|10000 characters needed characters exceeded