Skip to main content

Barcode How To's

How to's for the Barcode guide.

How to Use Barcode?​

How to Use Barcode?​

The following steps describe how to add and use the Barcode component on a form.

1. Add the Barcode Component to the Form​

  1. Open the form design screen
  2. Go to the Toolbox panel
  3. Locate the Barcode component
  4. Drag and drop it onto the form

2. View and Configure Properties​

When the Barcode component is selected, the Property Viewer panel opens on the right.

This panel includes the following tabs:

  • General
  • Label
  • Behavior
  • Appearance
  • Events

3. Define the Barcode Content​

The Barcode component can receive its value in two ways:

Using a Static Value​

  • The barcode content is entered manually
  • Typically used for fixed or constant codes

Using a Dynamic Value​

  • The value is taken from another form component
  • For example:
    • Document Number
    • Product Code
    • Serial Number

With this approach, the barcode content is automatically updated based on the form data.

4. Select the Barcode Type​

You can choose the barcode type based on your needs:

  • Linear barcodes
  • Two-dimensional barcodes such as QR Code

The selected barcode type should be compatible with the barcode scanners or devices being used.

5. Save and Test the Form​

  1. Save the form
  2. Open the form in preview or runtime mode
  3. Verify that the barcode is generated correctly
  4. If necessary, test it using a barcode reader

Usage Tips​

  • The barcode content should not be excessively long
  • Ensure the barcode size is sufficient for readability
  • For dynamic barcodes, make sure the bound field is not empty

Summary​

The Barcode component:

  • Displays textual or numeric data in barcode format
  • Enables fast and accurate data transfer through scanning
  • Provides significant convenience in document-, product-, and process-based scenarios

What Is Barcode?​

What Is Barcode?​

The Barcode component is a form element used to visually represent a text or numeric value in barcode format.
These barcodes can be scanned by barcode readers or mobile devices, allowing the encoded value to be read quickly and accurately.

The Barcode component can display:

  • A static (manually defined) value
  • A dynamic value obtained from another form component

as a barcode.

Where Is It Used?​

  • Displaying product codes
  • Barcoding document or record numbers
  • Showing serial numbers or reference numbers
  • Warehouse and inventory management scenarios
  • Fast data scanning using QR codes or barcodes

Key Features​

  • Converts textual or numeric data into barcode format
  • Compatible with barcode scanners
  • Can be linked to other form components
  • Produces a visual output and is not editable by the user

Notes​

  • The Barcode component is not used for data entry, only for display purposes
  • Barcode content is usually populated from another form field
  • For scan accuracy, an appropriate barcode type and value length should be selected

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.