Image Carousel

Cycles a set of images serially, displaying it as a slideshow. It is commonly used to showcase the latest/newest items to the visitors.

Basic

Data

Provide the JSON formatted array of links to the images. Recommended to use valid or active links as the widget expects the links to be working.

Interaction

Default

Click - This is triggered when this is used as a default button and the user clicks on it.

Disabled

Disables the user interaction with the element on the page. It visually indicates that the element is inactive and prevents users from interacting with it when applied.

Read-only

Hide

This sets whether the widget has to be displayed on the screen when the program is loaded. This shows/hides the widget both on desktop and mobile devices.

Set the visibility

Loading

It will be useful when there is a process to be carried out, like running a query to fetch data, before the widget is loaded. The loading boolean value can be utilized to show the spinner till the process is complete.

Loading state

AutoPlay

The series of images are cycled through in a constant loop without any breaks if this property is set ON.

Layout

Show Navigation Dots

This is the set of dots located underneath the image set. Each dot links to the corresponding image. It is a simple visual indication that the images are moving.

Property
Description

Top

The dots are placed over the image set.

Bottom

The dots are placed at the bottom of the image set.

Left

The dots are placed on the left side of the widget layout, vertically.

Right

The dots are placed on the right side of the widget layout, vertically.

Style

Property
Description

Background

Users can change the colour of the widget background using this property. It has all the RGB colour ranges to pick from. It is recommended to use a corresponding background colour that shows the font clearly.

Last updated