Rule Container

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 “Rule Container” layout 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: Specifies the display name or title for a field or control in the user interface.
  3. 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.
  4. Placeholder: Defines the hint text displayed inside a form field or input box when it is empty, providing guidance on the expected input.
  5. Bootstrap Column Class: Specifies a predefined Bootstrap CSS class to style and format the component, enabling quick customization and responsive design.
  6. Is date?: Indicates if the input field is specifically for date selection, enabling date-related validation or input type.
  7. Reset Data-model on hidden: Determines whether the data model should be reset when the field is hidden in the form.
    1. Control key: Defines the key or identifier for the control used in resetting the data model.
    2. Control value: Specifies the value to which the control should be set when resetting the data model.

2nd Step – Advance

You can set up the rules using the following fields in this step:

  1. Action: Select the action from Hide, Show, Enable or Disable
  2. Click on Add Rule and Select Control from the list available in the dropdown from the Grid.
  3. Select the Operator from Equal, Not Equal, Greater Than, Less Than, etc.
  4. Define the Value of the Control based on which the rule will be applied.

Click “Confirm” and “Rule Container” control is configured.