View Categories

Form Fields Visible on Web Despite Show/Hide Rules

1 min read

Overview #

A form is configured with two label fields:

  • Disclaimer for boarding reimbursement

  • Disclaimer for local conveyance

Both label fields are set as Hidden by Default in the form design. As per the configured rules, these fields should appear only when specific conditions are satisfied.

However, a behavior difference is observed between the Web and Mobile applications.


Issue Description #

When the form is rendered:

  • Web Application:
    Both label fields are visible, even though the configured rule conditions are not satisfied for the sample lead.

  • Mobile Application:
    The form behaves as expected. The label fields remain hidden because the rule conditions are not met.


Investigation & Observations #

  • Verified that show/hide rules are configured for both label fields.

  • Confirmed that the rule conditions are not satisfied for the sample lead.

  • Despite this, the label fields appear in the Web application.

  • On the Mobile application, the same configuration works correctly and the fields remain hidden.


Root Cause #

Although the label fields are set as Hidden by Default, they are also included in rules where conditions are configured to hide the fields.


In the Web application:

  • If the configured rule conditions are not satisfied, the rule is considered false.

  • When a rule evaluates to false, the configured action (Hide Field) is not applied.

  • As a result, the fields are displayed because the hide action does not execute. The opposite works.

This results in the label fields remaining visible.


Solution / Recommendation #

Since the label fields are already set as Hidden by Default in the Design section:

  • Remove the Hide Field configuration from the Rules section.

  • Retain only the Show Field rule based on the required conditions.

This ensures:

  • The fields remain hidden by default.

  • They are displayed only when the show conditions are satisfied.

  • Consistent behavior across Web and Mobile applications.

Scroll to Top