Sliders | Pinegrow Web Editor

Sliders

Learn about using the slider blueprint to create custom sliders.

Example

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.

Watch the guide



Last updated on November 18, 2020 at 5:07 am


Print this article