RealityHub 1.3

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
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
Field Settings of a Button Component
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.
Clicking on the image inside the File Input property pops up the Asset Browser.
© 2023 Zero Density. All rights reserved.