How To Use Conditional Logic

Quasar form has powerful built-in Conditional Logic. You can use it to:

  1. Show / Hide fields
  2. Change text / html in the field ‘custom text’

1) Show / Hide Fields

Logic works according to a simple scheme, it consists of several elements.

  1. Сondition selector — selector whose value is checked
  2. Сondition — choose from the list of conditions
  3. Action — сhoose from the list of actions
  4. Action selectors — selectors on which we applied the action

Consider a simple example:

In this example, the following logic works: if the value of the ‘color’ field is equal to ‘red’ then the ‘name’ field is hidden.

There may be several conditions:

There can be many actions and selectors for applying actions:

2) Change text / html in the field ‘custom text’

In logic there is an action that allows you to change html or text in a field with arbitrary content ‘custom text’. No tag limit or character limit.