Other Element Is condition as a Visibility Rule
- 25 Jul 2025
- 2 Minutes To Read
- Print
- DarkLight
- PDF
Other Element Is condition as a Visibility Rule
- Updated On 25 Jul 2025
- 2 Minutes To Read
- Print
- DarkLight
- PDF
Article summary
Did you find this summary helpful?
Thank you for your feedback
Note:
If you see the following UI, you have the Advanced Visibility Rules enabled for the account. For more information, see Understand Advanced Visibility Rules.
Introduction
The Other Element on Page rule helps you display content or widgets such as Self Help, Smart Tips, Beacons, and more, only when a specific element is present or not present on the application. For example, to show Self Help only when the user is not logged in, use Other Elements on Page as a Visibility Rule and set the Login button as the target element. This ensures that Self Help appears only when the login button is present.
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 Elements on Page, see Supported Operators for Visibility and Display Rules.
Info:
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
Consider that you want to show a Self Help that would guide a user who is not logged in. After creating the Self Help, set the Visibility rule to Other Elements on Page, select the Exists CSS Selector rule, and add the CSS selector such as an ID, class, or element type, for the login button. This way, you ensure that Self Help appears only to users who are not logged in.
Show a Task List to only premium users
Consider that your application has standard and premium users, where the premium plan features differ from the standard plan. You might want to display a Task List only to the premium users with the tasks that guide them to use the premium features. Using the Other Elements on Page as a Visibility rule you can achieve this. Identify an element that is unique to the premium users and add it as a rule.
Show a Smart tip only in the presence of a specific element on the application
Let’s say you want to show a Smart Tip only when a specific element is present on the application, such as a notification tab or a unique value—so your users get the right help at the right time.
Use the Exists CSS Selector as a condition and enter the value of the selector. Here's an example:
Use the following steps to add Other Elements on Page as a Visibility rule:
On the Whatfix Guidance dashboard, click Widgets.
Click All widgets.
Select the widget to which you want to add the Visibility Rule.
Click Set Visibility Rules, and then select Other Elements on Page from the dropdown.
Select the rule from the dropdown, and then enter the unique CSS selector or JQuery selector.
Click Save.
Was this article helpful?