Customizing Component Appearance

Every Form Builder Components have a styling option; some of them are unique. This chapter covers the following Component's styling options:

• Button
• File Input

info

Horizontal alignment, horizontal and vertical placement, and form cell resizing are common settings in every component.

Button Customization

To customize a button component:

• Drag and drop a button component/function to the Form Area
• Click on the Field Settings button

As the image above shows that you can customize the Background Size, Color, and Corner Radius along with the Text Size and Color.

Form Builder Example

The image above shows an example of how you can utilize Button Components in your production pipeline.

File Input Customization

To customize a File Input component:

• Drag and drop a File Input component to the Form Area.
• Click on the folder icon and select an image

Compact View Turned Off

Your file Input component should look similar to the above example. Now:

• Click on the Field Settings button
• Select the Compact View option and click OK

Compact View Turned On

As the above image shows, the compact view option allows you to check your visuals in wider resolution.

info

Clicking on the image inside the File Input property pops up the Asset Browser.