Configure Visibility Rules

Important: Rules define when to HIDE, not when to show

If you want something visible only for Premium users, you must write rules that hide it for Basic and Standard users. This is inverted from what you might expect.

Quote-page components have their own rule system, separate from questionnaire rules. These rules control the visibility and behavior of elements within the quote page itself.

How to add visibility rules

Any component in the Quote-Page’s content array can have a ruleGroups field:

1. Open the component you want to conditionally show/hide
2. Find the ruleGroups field
3. Add a rule group entry with:
   • A rules tuple: [condition, comparisons] where condition is "AND" or "OR"
   • Each comparison has an op (operator) and variable with key (answer path) and value
   • A resultType: HIDDEN (remove from page) or DISABLED (visible but greyed out)
4. Save

See Quote-Page Rules Reference for the complete operator list and date-diff syntax.

Examples

Hide a slider for a specific plan

On a coverage-amount range-input, add a rule group:

• rules: ["AND", [{ op: "equals", variable: { key: ["plan"], value: "BASIC" } }]]
• resultType: HIDDEN

This hides the slider when the user selects the BASIC plan. When they select any other plan, the slider is visible.

Show a slider only for PREMIUM

To show something only for a specific plan, match the plans where it should be hidden:

• rules: ["OR", [{ op: "equals", variable: { key: ["plan"], value: "BASIC" } }, { op: "equals", variable: { key: ["plan"], value: "STANDARD" } }]]
• resultType: HIDDEN

This hides the slider for BASIC and STANDARD plans, effectively showing it only for PREMIUM.

Disable an add-on based on a previous answer

On a glass-coverage addon:

• rules: ["AND", [{ op: "equals", variable: { key: ["propertyType"], value: "APARTMENT" } }]]
• resultType: DISABLED

This disables the add-on (greyed out, not selectable) when the user lives in an apartment.

Caution

Remember that the rule defines when the component should be hidden or disabled — not when it should be visible. If you want to hide something when condition X is true, set resultType to HIDDEN and the comparison to match condition X.

Troubleshooting

Component still showing when it should be hidden?

1. Check the comparison value exactly matches the answer (case-sensitive).
2. Verify the answer key path in variable.key is correct.
3. Preview the questionnaire and check your answer.

Component hidden when it should be visible?

1. Remember rules define when to HIDE. If you wrote a rule that matches the case where the component should show, you have the logic inverted.
2. Check that you’re using OR (not AND) when you need to hide for multiple different values.

See also

• Quote-Page Rules Reference — complete operator list, date-diff syntax, and rule-group schema
• Configure Footer Overrides — uses the same rule system for conditional footers
• Quote-Page Architecture — how quote-page rules differ from questionnaire rules