Note: Animations and transitions are disabled in the editor.
Carousels in PageFabric
Carousels are an elegant way to present different features on a website.
To add a carousel on a page, follow these steps:
- Click the Add circle button at the place you want to add the chart
OR
Select an element on your page, then click the Insert > Insert part before (or Insert part after depending on where you want to add the chart) - In the Insert part popup, navigate to Other containers and select the carousel part
Ribbon commands
Here is the list of available commands in the ribbon when a carousel part is selected.
Command | Description |
Insert slide item before | Allows you to insert a new slide before the current one |
Insert slide item after | Allows you to insert a new slide after the current one |
Remove slide | Allows you to remove the current slide |
Move left | Allows you to move the current slide one step on the left, you cannot use this option when the current slide is already the first one |
Move right | Allows you to move the current slide one step on the right, you cannot use this option when the current slide is already the last one |
Previous slide | Selects and shows the slide before the current one, you cannot use this option when the current slide is already the first one |
Next slide | Selects and shows the slide after the current one, you cannot use this option when the current slide is already the last one |
Style options
Here is the list of available style options for the carousel part.
Option | Description |
Box height | Allows you to change the minimum height of the part |
Animation | Allows you to change the transition between elements |
Show side navigation | Allows you to display or hide the arrows to navigate between slides |
Show bottom navigation | Allows you to display the bottom bar with slide indicators |
Visibility on devices | Allows you to select on which devices the part will be visible |