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:

  1. 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)
  2. 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.

CommandDescription
Insert slide item beforeAllows you to insert a new slide before the current one
Insert slide item afterAllows you to insert a new slide after the current one
Remove slideAllows you to remove the current slide
Move leftAllows 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 rightAllows 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 slideSelects and shows the slide before the current one, you cannot use this option when the current slide is already the first one
Next slideSelects 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.

OptionDescription
Box heightAllows you to change the minimum height of the part
AnimationAllows you to change the transition between elements
Show side navigationAllows you to display or hide the arrows to navigate between slides
Show bottom navigationAllows you to display the bottom bar with slide indicators
Visibility on devicesAllows you to select on which devices the part will be visible

Note: Animations and transitions are disabled in the editor.

Improve your PageFabric skills

Explore user guide

Have a question?

Join us on twitter