Circular Sticky List
The Circular Sticky List component is a visually appealing and intuitive UI element that displays information in a circular format while allowing users to easily navigate through a list of items.
This component arranges elements in a circle, creating a visually appealing presentation. Each element is positioned along the circumference of the circle.
Example page view
The module is highlighted 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) |
Center position | Enter a value which will decide the position of centre vertically |
Items arrangement | 1. Circular - The elements will be in circle 2. Linear/Vertical - The elements will be displayed vertically |
Animate Items List | Tick checkbox to animate the elements |
Sticky Items List | Add items to be displayed in the list |
Tooltip text | Text to be displayed as tooltip when hover on each element |
File source | Select type of file (Internal or External) |
Icon/Image | Select svg file to be displayed on each item |
Alternative text description (alt) of the Icon | Provide alternative text |
Link | Select a link for each icon |
The module can be used in the following templates and page areas:
stage
main content
stage
right
bottom
full-width
main content
sidebar
The blue area indicates that the module is applicable in this content area.