Image Slider View

The objective of this guide is to demonstrate how to display images in a slider view using Image Control.

Expected output:

1st Step

  1. Begin by creating a new blank transaction page.

2nd Step

  1. Add Image controls. We will also configure their attributes, such as database field names, label names, and column widths, based on the specific requirements. The database field name should be the attribute where the data from the API will be received. For this example, we are using a hidden control to pass data to the image control.

3rd Step

  1. To enable the Slider View, go to the "Advanced" section, then navigate to the "Other" section and enable the "Enable Slider View" switch.

4th Step

  1. Now, configure the slider according to your requirements. We are configuring the slider with minimal features, but you can customize it as needed.

5th Step

  1. Now, configure the data for the image. We are using a hidden control for data binding with the image. You can use the API for this, and the data should be in the following format. Please refer to the screenshot below.

6th Step

  1. Now, save the configuration, and once the form is saved, you will see the image displayed in the slider view.

Final Output: