Paging » Making more pages visible

Making more pages visible

A PageComponent doesn’t have to be fullscreen; it can be smaller. And you can make the previous and next pages visible by disabling the PageComponent’s masking.

# smaller PageComponent
page = new PageComponent
    width: screen.width - 40
    height: screen.height - 40
    x: 20, y: 20
    scrollVertical: no
    parent: screen
    clip: no    # previous & next page also visible
Download Framer project

Note that by default clip is disabled on common layers, but enabled on Scroll and PageComponents.

A smaller PageComponent with masking disabled
A smaller PageComponent with clipping switched off