1. Home
  2. Timeline Builder
  3. Layouts


There are three different layout available to display your story with three different designs.

1)Both Sided Layout: It shows stories/items at the both sides of the timeline alternatively.

2)One Sided Layout: It shows stories/items only right side of the timeline.

3)Horizontal Layout: It shows stories/items in horizontal layout.

1)Both Sided Layout:-

1)Default :

This is the default design with rounded year label and icons.

2)Elegant Design:-

This design is quite similar to the default design with square icons and year label.

3)Clean Design:-

This design has a line filling animation. You can change the line filling color from settings.

2)One Sided Layout:-

In this layout there are three designs. It also has animation option for stories.


2)Elegant Design:-

3)Clean Design:-

Clean design also has a nice feature of line filling. You can change the line filling color from settings.

3)Horizontal Layout:-

The horizontal layout also has three designs: Default, Elegant, Clean. It also has few more settings as described below.

Slides to show:- In this Setting, you can set no. of the story will be displayed on the current screen, by default it’s 2.
AutoPlay:- This settings is useful to make the slider autoplay.
Equal Height:- By enabling this option your all story height will be equal.


This design has an advance progress bar filling animation.

2)Elegant Design:-

The elegant design has square icons and story title at the above of the story image. This design does not have any line filling animation.

3)Clean Design:-

This is an advanced design with single story at the bottom while showing multiple story title at the above.

Was this article helpful to you? Yes No

How can we help?