Pendo Adopt uses CSS Selectors as rules to identify and target specific elements within your application. There may be situations where you want to choose an alternative CSS Selector to Pendo Adopt's Suggested Match for element location. In this case, you can choose Custom CSS when selecting your element location to target the desired element on the page.
Click here for a basic reference on CSS Selectors. This provides examples of the various syntax used.
element > element
[attribute]- We support "href" and "value"
:nth-child(index)- Note: index is 1-based.
Siblings are not supported.
Example Of :Contains()
Here is an example for targeting a button that has the text "Next" in it. Note that your text in the selector must match the text in your HTML exactly.