Top
How to find the CSS Selector of an element using Whatfix Studio?
  • 27 Apr 2023
  • 1 Minute To Read
  • Dark
    Light
  • PDF

How to find the CSS Selector of an element using Whatfix Studio?

  • Dark
    Light
  • PDF

Article Summary

You need the CSS Selector of an element whenever you try to add Branching or Display Rules in the Flow steps.

Use the follwing steps to find the CSS Selector using Whatfix Studio:

When Branching

  1. Select the Select Element option from the dropdown instead of CSS Selector
    RB_DB_Branching_Select elements

  2. Click the Select icon.
    RB_DB_Click select

  3. Select the element in the application UI and Whatfix captured the CSS Selector of the element automatically.

Note:

To verify the selected element click the View button.
RB_DB_VIEW selected element

When configuring Display Rules

  1. Select the Select Element option from the dropdown instead of the CSS Selector.
    RB_DB_Branching_Select elements
your title goes here

Here is a list of all the options that appear in the dropdown.

OperatorDescription
Select ElementSelect the element directly in the application UI
Exists CSS SelectorSet value is the CSS class or id of the element that exists in the application UI
Not Exists CSS SelectorSet value is the CSS class or id of the element that does not exist in the application UI
Exists jQuery SelectorSet value is the jQuery selector of the element that exists in the application UI
Not Exists jQuery SelectorSet value is the jQuery selector of the element that does not exist in the application UI
  1. Click the Select icon.
    RB_DB_Click select

  2. Select the element in the application UI and Whatfix captured the CSS Selector of the element automatically.

Note:

To verify the selected element click the View button.
RB_DB_VIEW selected element


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.