Page Pilling Scroll tutorial

Essential Classy Tab from Dashboad -> Widgets then enable Page Piling

Image

Now Drag and Drop Page Piling widget

Image

Direction : Vertical / Horizontal

Image

In Repeater, You can select Template and Mange Scrollable option for Particular Slide.

Image

Section with large content, You can Enable Scroll for that.

Image

Vertically centering of the content within sections.

Image

Create links to a certain section.

Image

Manage Slide Scroll Speed

Image

Manage transition effect.

Image

Scrolling down in the last section should scroll to the first one or not using Loop Bottom Option.

Scrolling Up in the first section should scroll to the last one or not using Loop Top Option.

Image

Manage Navigation Position and It’s Tooltip Text.

Image

Manage content can be navigated using the keyboard

Image

Disable Page Pilling from Screen Size

Image

In Style Tab, We have Navigation Dot and Tooltip option.

Image

In Navigation Dot, YOu can manage Gap and It’s Size.

Also, You can manage Background and It’s Border for Normal and Active State.

Image

In Navigation Tooltip, You can manage Gap, Offset, Max. Width, Padding, Typography, Color, Background, Border and It’s Shadow.

Image