Learn about using the slider blueprint to create custom sliders.


Slide 1

Slide 2

Slide 3

Slide 4

Customizing blueprints

Keep these points in mind when customizing blueprints:

  • Don’t modify CSS files in pgia/components folder because they are overwritten every time you add a component to the project. Instead override CSS rules in your project’s stylesheet.
  • Don’t remove pgia-* classes from components. These classes are used to select interaction targets. Of course, you can add other classes or customize styling as much as you want.
  • After adding a component to the project it might be necessary to refresh the page view.
  • Orange interactions (in the Tree panel) have comments and are the ones that should be customized. Hover the mouse over them in the Tree panel to read the comment. Or click on the Info icon in the Timeline.

Step by step tutorial

Follow this in-depth tutorial to learn how the slider is created and how to customize it.

Watch the guide

Last updated on September 16, 2021 at 9:52 pm

Print this article