Carousel

Create a mobile app. For more information, see Create a mobile app.

In the mobile app editor, click the Component icon on the far left.

(Optional) Add a column component to create the page layout. For more information, see Horizontal columns and vertical columns.

In the search box above the component list, enter Carousel, find the component, and drag it to the canvas.

For more information about adding components, see Add a component.

After you add the component, a placeholder appears on the canvas with the message: No images configured. Please upload an image. On the right, the properties panel shows the default Carousel Settings: the mode is set to Horizontal Scrolling and the duration is 3000 ms. In the Carousel section below, you can upload images and configure their links.

On the Style tab in the properties panel, click the icon next to Carousel to add an image. Repeat this step to add multiple images.

Each carousel item has two configuration fields: Image (where you can click Upload Image or Reset) and Link.

Click Upload Image to upload a local image or select one from the image library.

Click OK.

On the Style tab in the properties panel, configure the carousel mode, duration, and the link for each image.

Adjust the component's width, height, and position on the page. For more information, see General styles.

Preview and debug the component's data and appearance. For more information, see Preview and debug.