Updated on 2025-08-21 GMT+08:00

Setting the Properties of the Image Widget

This widget shows images on pages. It is a common widget for enhancing appearance, not for user input.

Figure 1 Image widget

Name

Set the field name shown to users. Click to set Chinese and English names. Click Reference Field to copy another field's value to this field name.

Figure 2 Setting the field name (Chinese and English)

Selecting an Image

Add an image to the widget, like an ID card photo or invoice. The image must have a horizontal resolution of at least 1,280 pixels and a file size no larger than 3 MB. For mobile clients, select the mobile-specific option and upload images on the mobile client tab page, as shown in Figure 4.

Figure 3 Uploading an image
Figure 4 Uploading an image for the mobile client

Image Aspect Ratio

Set the image aspect ratio on a page. The range is [1%, 100%]. The default value is 10%.

Figure 5 Setting the image aspect ratio

Alignment

Choose an image alignment option: Center, Left, Right, Top, or Bottom.

Figure 6 Setting the image alignment

Width

The width is the ratio of the widget's width to the page width. Set it to control each widget's layout and display, improving the page's appearance and usability.

Figure 7 Setting the widget width
  • 1/4: Widget is 1/4 of the page width.
  • 1/3: Widget is 1/3 of the page width.
  • 1/2: Widget is 1/2 of the page width.
  • 2/3: Widget is 2/3 of the page width.
  • 3/4: Widget is 3/4 of the page width.
  • 1: Widget is full page width (default).

Conditions

Set the field properties. If you check Hide, the field will be hidden on the page.

Figure 8 Hiding a field
Figure 9 Effect