Skip to main content

Image How To's

How to's for the Image guide.

How to Use Image?​

How to Use Image?​

The following steps explain how to add and use the Image object on a form.

Add the Image Object to the Form​

  1. Open the Form Design screen in the development environment.
  2. Go to the Toolbox panel.
  3. Locate the Image object.
  4. Drag and drop the object onto the form.

Configure the Properties​

When the object is selected, the Property Viewer panel opens.

General Tab​

From this tab:

  • The source of the image to be displayed is defined
  • Image sizing and alignment settings are configured
  • Visibility settings are adjusted

Define the Image Source​

  • A static image file can be used
  • An image reference within the system can be displayed
  • In dynamic scenarios, the image can be changed using data from other objects

Run the Form​

  1. Save the form
  2. Build and publish the project
  3. Open the form from the web interface
  4. Verify that the image is displayed correctly on the form

Example Usage Scenarios​

  • Displaying a company logo at the top of the form
  • Showing a user’s profile photo
  • Providing visual support in product introduction forms

Notes​

  • Large images may affect performance
  • Size settings should be configured carefully for responsive designs
  • The Image object does not include user interaction

How to Use Client Enabled?​

What is Client Enabled?​

Client Enabled is a property that defines whether a form control is active (enabled) on the client side when the form is first loaded.
If it is set to True, the control is immediately usable by the user.
If it is set to False, the control is disabled and cannot be interacted with until a specific condition or rule activates it.

This property is especially useful for controlling the user’s interaction flow and applying dynamic behaviors using the Rule Manager.

What Does It Do?​

The property allows developers to:

  • Control when a form control becomes interactive.
  • Prevent users from entering or changing data until prerequisites are met.
  • Dynamically enable or disable controls based on user input or logic.

Example Scenario — Conditional Activation​

Scenario:
A form contains a checkbox called “I Accept Terms” and a text field called “Signature.”
The goal is to make the “Signature” field inactive until the user checks “I Accept Terms.”

Steps to Implement:​

  1. Select the “Signature” field in the form editor.

  2. In the Properties panel, find the Client Enabled field.

  3. Set the value to False — the field will now be disabled by default when the form loads.

  4. Open the Rule Manager.

  5. Add a new rule:

    Condition:

Action:

  1. Save and publish the form.

Result:​

  • When the form loads, the “Signature” field is disabled.
  • Once the user checks “I Accept Terms,” the field automatically becomes active and editable.

Behavior Summary​

Property StateDescription
TrueThe control is active and ready for user interaction when the form loads.
FalseThe control is disabled at load time and can be enabled dynamically via rules or code.

Notes & Best Practices​

  • Use the Client Enabled property to manage client-side interactivity without requiring server actions.
  • Combine it with Rule Manager to define when and how controls become active.
  • Remember: if server enablement is disabled, the client cannot enable the control even if Client Enabled is set to True.
  • By default, this property is set to True (active).

Summary​

Client Enabled improves form usability by letting developers control when and how users interact with form controls.
It is essential for creating responsive, condition-based form experiences where user actions dynamically change the form’s state.

What Is Image?​

What Is Image?​

The Image object is a form component that allows visual content to be displayed on form designs.
Visual elements such as company logos, user photos, product images, or informational pictures can be presented on the form using this object.

This object is for display purposes only; it does not accept any user input.

Usage Purposes​

  • Displaying a company or brand logo
  • Showing a user profile photo
  • Adding product, document, or illustrative images
  • Enhancing the visual consistency and user experience of the form

Key Features​

  • Can use a static or dynamic image source
  • Can be positioned according to the form layout
  • Supports responsive (adaptive) layout
  • Closed to data entry (display-only)

Notes​

  • The Image object does not contain business rules or validations by itself
  • Image sources are typically provided via a URL or an internal system file reference
  • It is commonly used together with Header, Label, or Metadata objects