What is a Slider Component?

As one of the list components, the slider presents a list of items, or slides, in a visually appealing way. It is similar to the gallery but does not have the same interactive features, including the gallery’s ability to be maximized. Instead, the slider resides on the screen, with buttons to the right and left allowing you to navigate between the slides.

Why Use a Slider Component?

Sliders are a great way to highlight content in your app. The slider component is used in the Fliplet onboarding screen for many app templates and is a great tool for welcoming new users to your app.

How to Use a Slider Component?

Options of a Slider Component

When adding a slider, an example will be shown on the screen. You must begin by clicking the Add new slide button on the Slides tab to the right.

Slides

Add new slide

Allows adding a new slide to the slider. For more information, see Select File.

Drag slide to reorder

Allows dragging the slide to the desired position on the slider

Add Image

Allows adding an image to be displayed on the slide. For more information, see Select File.

Title

Name of the slide. This is displayed with the slide on the slider.  

Description

Description of the slide. This is displayed with the slide on the slider.  

Button label (Optional)

Label of the button at the bottom of the slide

Link action

This is what will happen when the button is clicked. By default, this is set to None. For more information, see Link actions.

Slider Options

Do you want to animate the content of each slide? (Optional)

When moving between slides, a small animation will be shown. By default, this is set to Yes. Set to No to remove the animation.

Do you want to configure a Skip button? (Optional)

By default, this is set to No. Set to Yes to display a Skip button on the top right of the slide.

 

Was this article helpful?
YesNo