Images play a vital role in web design, so you will most likely use the Picture control a lot while designing your form/dashboard. Let’s go over all of the settings you can control for this control.
Add Picture to the page
Firstly, find the Picture control in the controls add panel. Then, drag and drop it into a section or container on your page.
Edit Picture
Choose Picture
Upload an image or choose Dynamic to dynamically use image fields, variables, or current user's profile image.
Picture Size
Choose the size of the picture
Align
Set the picture Alignment
Caption
Optionally, add a caption to the bottom of the picture. Choose to either create a new custom caption or use the dynamic content.
Link
Set a link to a custom URL, media file, or no link. Choose “media file” to link directly to the location of the picture. Choose “custom URL” to link to any page on any site. Choose “none” if you don’t want to add a link to the picture at all.
Style the Picture
Width – Set the picture Width
Max Width – Set the Max Width for the picture
Height – Set the height for the picture
Object Fit – The object-fit sets how the picture should be resized to fit its container.
Opacity – Set the Opacity
CSS Filters – Set CSS Filters: Blur, Brightness, Contrast and Saturation
Border Type – Set a Border Type
Radius – Set a Border Radius
Shadow – Set Box Shadow: Horizontal, Vertical, Blur, and Spread
Caption – Set the Alignment, Text color, Text Shadow, and Typography of the caption.
Advanced Settings
Set the Advanced options that are applicable to this control.