Learn about using the slider blueprint to create custom sliders.
Keep these points in mind when customizing blueprints:
- Don’t modify CSS files in
pgia/componentsfolder 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.