1. Home
  2. Docs
  3. Timeline Builder
  4. Layouts

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.

1)Default:-

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.

1)Default:-

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.

How can we help?