Form Builder: Image Styling

Form Builder: Image Styling

Kizen's Form Builder allows you to customize the sizing & position of images within Forms.

Customize your image

1. Click on an Image
2. In Image Settings, located in the righthand bar are Image Stying options.
   
   
   
   
3. Click into Size to choose between Auto & Custom for the Image.
   • Selecting Auto will automatically adjust the image size.
     
     
4. Selecting Custom allows the ability to adjust the size of the image in one of two ways:
   1. Unit PX allows us to enter a specific value for Max-width and Max-height.
   2. %: setting a value for this will notate the max width for the image.
      
      
      
5. Adjust the Position (Left, Center, Right) of where the image sits in the Form.
6. Add a link to the Image by enabling the Has Link toggle and pasting in your link.
   
   

Row Size Adjustment

Kizen's Form builder also allows you to adjust the size of Form rows.

1. Select Row, which will automatically take you to Row Settings in the righthand bar.
   1. Width(%): Adjust the row size by notating a percentage of the Max Width (i.e., 1/2 row = 50%).
   2. Max Width (px): Notate a specific value for the row size.
   3. Alignment: Left, Center, Right.

  Hint

Spacing is applied to the component (i.e., between Rows & Sections) and not content within the element. As you customize your Form, click Save & Preview for a preview of what you've built.