Picture

Yeeflow team
Yeeflow team

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.

Picture_overview__2_.jpg

 

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.

Picture_add.jpg

 

Edit Picture

Choose Picture

Upload an image or choose Dynamic to dynamically use image fields, variables, or current user's profile image.

Picture_choosepicture.jpg

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

  1. Width – Set the picture Width
  2. Max Width – Set the Max Width for the picture
  3. Height – Set the height for the picture
  4. Object Fit – The object-fit sets how the picture should be resized to fit its container.
  5. Opacity – Set the Opacity
  6. CSS Filters – Set CSS Filters: Blur, Brightness, Contrast and Saturation
  7. Border Type – Set a Border Type
  8. Radius – Set a Border Radius
  9. Shadow – Set Box Shadow: Horizontal, Vertical, Blur, and Spread
  10. Caption – Set the Alignment, Text color, Text Shadow, and Typography of the caption.

Was this article helpful?

/

Comments

0 comments

Please sign in to leave a comment.