# Using Element Selector

Creating dynamic guidance across all your SaaS applications is made easy with Adopt 2.0’s no-code Element Selector. Web elements are targeted interactively with 3 stages – Select, Refine and Confirm. <br>

## Element Selector Layout

<figure><img src="/files/F5u4jKyJYaiUYCzSfs1B" alt=""><figcaption></figcaption></figure>

## Configuration

### **Select**&#x20;

The Element Selector is activated within the Browser session whenever a New Step is created.

<figure><img src="/files/lwpxkAuwymfytmHarkSi" alt=""><figcaption></figcaption></figure>

Alternatively, the Element Selector can be re-launched via the Position tab of the Editor.

<figure><img src="/files/C3LVKfXbyykF67Vxtuf5" alt=""><figcaption></figcaption></figure>

Once the Element Selector has been launched, use the cursor to hover over the web element that you wish to assign guidance to.

<figure><img src="/files/vZkPdq5PvVS51Iz4qJe3" alt=""><figcaption></figcaption></figure>

The Control Panel provides several visual & functional options that can be used to sharpen the selection.

<figure><img src="/files/oO5SNEPWrdTqwme0fg5W" alt=""><figcaption></figcaption></figure>

### **Refine**

Use the Up & Down arrows within the control panel to adjust the captured element. This will also impact on the Element Strength that is indicated with the power bar. \
Captured attribute data is displayed within the control panel, this is useful to determine if any classes or IDs may be dynamically created. This type of attribute can impact the stability of the selection. \
Administrators can fine tune the attributes to be included / excluded within the Selector System area of the Management Console.

<figure><img src="/files/KOv9sLGAyG7BbPLbxcrA" alt=""><figcaption></figcaption></figure>

### **Confirm**

Click the tick icon within the control panel. This will return you to the Editor.

<figure><img src="/files/thNMSvsJZXU69tsBH15y" alt=""><figcaption></figcaption></figure>

## Selector Controls

<figure><img src="/files/LUAUdvKfpHxKdt12FwEc" alt=""><figcaption><p>Useful in scenarios when the element required is not available at initial visit. eg: Within a Menu drop-down list</p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs-adopt.nexthink.com/in-application-guidance/using-element-selector.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.