Circular Slider
The circular slider component is a visually appealing component to present up to six slides. It combines the functionality of a slider with a circular layout, allowing users to explore and select different topics within a complete circle.
The slider is operated by clicking on the circle segments. Also navigation arrows next to the title can be used for the changing the slides.
When you click on the icon/text of the circle element, the text linked behind the segment is displayed on the right.
Example page view
Module “Circular Slider” marked in red
How the module works
The module consists of the following components
Content area | Description |
---|---|
Text in the centre of the circle | Text to be displayed in centre of circle (should not be more than 5 letters) |
Title | Text to be displayed on top of the content slides. |
Initial Text | Text to be displayed when no slide element is selected. |
Description Text | Text to be displayed on default slide (when no element is selected). |
Button Link | - optional - internal or external - Displayed as a blue button |
Circular Slides | Add slides (maximum 6 slides can be added) |
Label | Text to be displayed as label of slide |
File source | Select internal or external |
Icon/Image | - Choose an icon or image for internal file source - Enter File Url for external file |
Description | Text to be displayed below label in the slides |
Link | - optional - internal or external - Displayed as a blue button in the slides |
The module can be used in the following page areas and templates:
The blue area indicates that the module is applicable in this content area.