Other Element Is condition as a Visibility Rule
  • 14 Nov 2023
  • 2 Minutes To Read
  • Dark
  • PDF

Other Element Is condition as a Visibility Rule

  • Dark
  • PDF

Article Summary


The Other Elements on Page rule can be used when you want to place some content or widget like Self Help, Smart Tip, Beacon, etc. only when a particular element is present or not present on the page. For example, you may want to show a Self Help only when the user is not logged in to the application, in such a case you can use Other Element on Page as a Visibility rule and add the login button as an element. This ensures that the Self Help is only shown when the login button is present on the page.

Different types of operators

The following are different operators used for adding a condition rule for Other Elements on a Page:

  • Exists CSS Selector
  • Non Exists CSS Selector
  • Exists JQuery Selector
  • Non Exists JQuery Selector

For more information on the supported operators for Other Element on a Page, see Supported Operators for Visibility and Display Rules.

your title goes here

You can add Other elements on Page as a Display rule and Visibility rule. To know more on the difference between the Display rule and Visibility rule, see Visibility and Display Rule Conditions.

Use Cases

Display a Self Help only when there is a login button on the application

You may want to show a Self Help that would guide a user who has not logged in. After creating the Self Help, set the Visibility rule as Other Elements on the page and select the rule Exists CSS Selector and then add the CSS selector like an ID, class, type, etc. for the login button. This way you can ensure that the Self Help is only shown to a user who has not logged in.

Show a Task List to only premium users

Your application may have standard and premium users where the features of the premium plan differ from the standard plan. You may want to display a Task List only to the premium users with the tasks that will guide them to use the premium features. Using the other element on page as a Visibility rule you can achieve this. Identify an element that is unique to the premium users and add it as rule.

Use the following steps to add Other Elements on Page as a Visibity rule:

  1. On the Whatfix Guidance dashboard, click Widgets.

  2. Click All widgets.

  1. Select the widget to which you want to add the Visibility Rule.

  2. Click Set Visibility Rules, and then select Other Elements on Page from the dropdown.
    clm_VR_other elements on page

  3. Select the rule from the dropdown, and then enter the unique CSS selector or JQuery selector.
    clm_Other elements on page_css selector

  4. Click Save.

Was this article helpful?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.