LogoLogo
Zero Density PortalZero Density Academy
Reality 5.3 SP3
Reality 5.3 SP3
  • Reality 5.3 SP3
    • What's New
    • From Reality 5.3 SP2 to SP3
    • User Guide
      • What is Reality Editor?
      • What is Reality Engine?
      • What is Reality Hub?
        • System Overview
      • Reality Workflow
      • Launcher
        • Launcher Interface
        • Engine Status Colors
        • Engine Display Window
        • New Launch Configuration
      • Nodegraph/Actions
        • Nodegraph
          • Node Structure
          • Node Details Panel
            • Property
            • Function
            • Function Property
            • Advanced Property
            • Node Details Info Display
            • Node Property Toolset
            • Property Watch Panel
          • Nodegraph Context Menus
            • Node Context Menu
            • Node Property Context Menu
            • Timeline Property Context Menu
            • Pin Context Menu
          • Nodegraph Menu
            • Graphs
          • Portal Pin
          • Sink Pin
          • Reroute
          • Experimental Node Category
          • Node Comment
          • Asset Browser
          • Advanced Preview Monitor
          • Operating Nodegraph
            • Navigating Inside Nodegraph
            • Creating Node
            • Node Connections
            • Incrementing and Changing Numerical Fields
            • Multiple Node Operations
            • GamePad
            • Node Info Display
            • Simplifying Node Network
            • Dynamic Nodes
              • Dynamic Node Operations
          • Node Library
            • Swizzle Node
            • Read Video Node
        • Actions
          • Action Timeline Interface
          • Keyframe Types
          • Interpolations
          • Operating Actions
            • Navigating Inside Actions Module
            • Animating Property
            • Triggering Multiple Actions via Single Button
            • Utilizing Initial Keyframe
            • Duplicating Keyframes
            • Reversing Animation
          • Animation Workflow Tips
        • Form Builder
          • Form Builder Interface
          • Form Builder Components
          • Customizing Component Appearance
          • Operating Form Builder
          • Data Integration
        • Gang Mode
          • Activating Gang Mode
          • Operating Gang Mode
      • Playout
        • Operating Playout
      • Newsroom
      • Cook Manager
      • User Management
        • Advanced User Management
          • User Management UI
          • Role of the Admin and Administrators
          • Example Configuration
            • Creating Administrator Account
            • Creating User Groups
            • Creating Policies
            • Creating New Users
            • Assigning Users to Groups
            • Defining User Groups Policy
          • License Reservation
        • Basic User Management
      • Hardware Monitor
        • Configuration
        • Filter
          • Metrics
          • Engines
        • Specs
        • Metric Display
        • Plot
      • Controlling Unreal Engine 5.3
        • Introduction
        • Supported Versions
        • Available Features
        • UState
          • UState User Interface
          • APM for Unreal Engine 5.3
        • Configuration
          • Unreal Engine 5.3 Configuration
          • RealityHub Configuration for Unreal Engine 5.3
        • Example Pipeline
          • Preparation
          • Exposing Actor Functions
          • Exposing Actor Parameters
          • Grouping Exposed Items
          • Creating Logic
          • Viewport Navigation
          • Unreal Project inside RealityHub
          • Utilizing Media Framework Tools
          • Operating
    • Installations
      • System Requirements
      • Reality Software Component Versions
      • Downloading Distributions
      • Reality Distribution Content
      • Installations
        • Installing Reality 5.3 SP3
        • Installing Reality Hub
          • Upgrading and Downgrading
          • Database Backup and Restore
          • Database Recovery
          • Recap
      • Licensing Reality
        • Licensing Reality 5.3 SP3
          • Reality License Backup and Restore
        • Licensing Reality Hub
    • Configurations
      • Configuring Peripheral Devices
        • NVidia Configuration
        • AJA Configuration
      • Configuring Reality Hub
        • General Configuration
        • Reality Loader
          • RealityEngine AMPERE Led Display
        • Engine Module Configuration
          • Adding Host
          • Adding Groups
          • Channel Assignments
          • General Engine Configuration
        • Project Configuration
        • Project Scanning
        • Cache Management
        • SSL Configuration
        • Proxy Configuration
    • Integrations
      • Octopus Integration
        • Reality Hub MOS Configuration for Octopus
        • Octopus Configuration
        • Utilizing ZD MOS Plugin
      • iNEWS Integration
        • Reality Hub MOS Configuration for iNEWS
        • iNEWS Configuration
      • CII Module Configuration
    • Tutorials
      • Reality Actor Spawning
      • Using Plugins
      • Tracked Billboard
      • Green Screen Virtual Studio
      • Shadow and Ambient Occlusion in Augmented Reality
      • Curved LED Pipeline with Curve XR Node
        • Features
        • Preparation
        • Curve XR Node Details
        • Example Pipeline
      • Color Grading with 3D LUT Files
    • Reality Hub Developers Guide
      • Reality Hub Open-Source SDK
      • REST API
    • FAQ
      • Frequently Asked Questions
      • Glossary
      • How to Read this Documentation
Powered by GitBook
On this page
  • Button Customization
  • File Input Customization
  1. Reality 5.3 SP3
  2. User Guide
  3. Nodegraph/Actions
  4. Form Builder

Customizing Component Appearance

PreviousForm Builder ComponentsNextOperating Form Builder

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

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

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

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

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.

Field Settings of a Button Component
Form Builder Example
Compact View Turned Off
Compact View Turned On