How to find the CSS Selector of an element using Whatfix Editor?
- 09 Dec 2022
- 1 Minute To Read
-
Print
-
DarkLight
-
PDF
How to find the CSS Selector of an element using Whatfix Editor?
- Updated On 09 Dec 2022
- 1 Minute To Read
-
Print
-
DarkLight
-
PDF
You need the CSS Selector of an element whenever you try to add Branching or Display Rules in the Flow steps.
Use the following steps to find the CSS Selector using Whatfix Editor,
When Branching
1. Select the Select Element option using the dropdown instead of CSS Selector.
2. Click the Select icon.
3. Select the element in the application UI and Whatfix captures the CSS Selector of the element automatically.
Note
To verify the selected element click the View button.
When configuring Display Rules
1. Select the Select Element option using the dropdown instead of CSS Selector.
your title goes here
Here is a list of all the options that appear in the dropdown.
| Operator | Description |
|---|---|
| Select Element | Select the element directly in the application UI |
| Exists CSS Selector | Set value is the CSS class or id of the element that exists in the application UI |
| Not Exists CSS Selector | Set value is the CSS class or id of the element that does not exist in the application UI |
| Exists jQuery Selector | Set value is the jQuery selector of the element that exists in the application UI |
| Not Exists jQuery Selector | Set value is the jQuery selector of the element that does not exist in the application UI |
2. Click the Select icon.
3. Select the element in the application UI and Whatfix captures the CSS Selector of the element automatically.
Note
To verify the selected element click the View button.
Was this article helpful?