Expression

The expression can be used for computations like Addition, Subtraction, Multiplication or Division of 2 or more number fields in the form.

Once the number control is defined in the form. You can configure the Expression Control.

You have to go through a two-step form wizard to enable this Control, i.e., Design & Advance. Let’s explain these steps below:

1st Step – Design

This is the first step of the “Expression” control form wizard. Here you are required to fill in the following details:

  1. Database Field Name (mandatory): Defines the name of the database field to which the component's data will be mapped and stored.
  2. Label Name (mandatory): Specifies the display name or title for a field or control in the user interface.
  3. Placeholder: Defines the hint text displayed inside a form field or input box when it is empty, providing guidance on the expected input.
  4. Select Format Type: Select format type from the following H1, H2, H3, H4, H5, H6, P, Bold
  5. Column Width: Specifies the width of a column in a layout or grid system, allowing control over how much space the column occupies relative to others.
  6. Default Value: As the name suggests, it defines a default value for a field. This default value can be changed by user input.

2nd Step – Advance

  1. Design
    1. Custom Class: Specifies a user-defined CSS class to apply custom styles and formatting to the component.
    2. Bootstrap Column Class: Specifies a predefined Bootstrap CSS class to style and format the component, enabling quick customization and responsive design.
  2. Others
    1. Is Date Difference?: This control can be used to find the Duration between Dates if there are 2 date fields like Start Date and End Date in the form
      1. Date Difference Type: Select from the following Day, Week, Month or Year
    2. Hidden Control?: Select “Yes” if you want the field to be invisible from UI but want the value to be submitted with the request
    3. Is use in Grid?: If field is used in Grid
      1. Column Text Align: Select from the following Left, Center or Right
      2. Is Bold Header: A property that determines whether the text should be displayed in bold font weight.
    4. Decimal Places: A property that specifies the number of digits allowed after the decimal point in numeric values, ensuring precision and formatting consistency.

Click “Confirm” and “Expression” control is configured.