There are two slider components available in Fliplet Studio. This article will guide you through the basic slider and how to add it to your app.
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.
To learn more about the customizable slider, click here.
Why use the 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 the 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. |
Related Articles