---
title: "Identify unique elements on your screen"
slug: "identify-unique-elements-on-your-screen"
updated: 2026-08-06T15:35:43Z
published: 2026-08-06T15:35:43Z
canonical: "support.whatfix.com/identify-unique-elements-on-your-screen"
stale: true
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Identify unique elements on your screen

### Overview

After capturing the screen, you need to identify the unique UI elements on the screen and tag the screen so that the in-app experience you create appears on the right page.

Based on how the element is identified, a colored box appears around it. These boxes appear in one of three colors:

- **Green:** If the selected element can be identified using its unique properties and identifiers, then a green box appears around it. This element is considered strong, that is, Whatfix Mobile can find the element on your mobile app screen. ![mobile_green identifier.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/mobile_green%20identifier.png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A36%3A23Z&se=2026-10-29T15%3A36%3A23Z&sr=c&sp=r&sig=LLw%2Fidk3mIoWr47%2B6t2PtWBK4niQiJmyQSLa%2Bd1pyLU%3D)
- **Orange:** If the selected element is identified via reference, then an orange box appears around it. This element is identified based on its position in reference to some other element. ![mobile_orange identifier.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/mobile_orange%20identifier.png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A36%3A23Z&se=2026-10-29T15%3A36%3A23Z&sr=c&sp=r&sig=LLw%2Fidk3mIoWr47%2B6t2PtWBK4niQiJmyQSLa%2Bd1pyLU%3D)

your title goes here

When you're selecting an element via reference, ensure that there are no similar elements. For example, consider that you're creating content on a page where elements share non-unique IDs, such as on pages that have a lot of elements in a scrollable box, grid, or list. These elements have common identifiers on each row, which can make selecting a specific element challenging due to a lack of distinct identification.

If you want to always target the first element among those sharing a common identifier, enable the **Remove Reference** toggle to always prioritize the first element. For example, enable this toggle if you have a list of users and you want to always show a tooltip only on the first username.

![mobile_priortize first element.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/mobile_priortize%20first%20element.png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A36%3A23Z&se=2026-10-29T15%3A36%3A23Z&sr=c&sp=r&sig=LLw%2Fidk3mIoWr47%2B6t2PtWBK4niQiJmyQSLa%2Bd1pyLU%3D)

- **Red:** If the selected element cannot be identified using any unique properties or by reference, then a red box appears around it. Whatfix Mobile cannot find this element on your mobile app screen. You may have to select another element.  

![mobile_red identifer.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/mobile_red%20identifer.png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A36%3A23Z&se=2026-10-29T15%3A36%3A23Z&sr=c&sp=r&sig=LLw%2Fidk3mIoWr47%2B6t2PtWBK4niQiJmyQSLa%2Bd1pyLU%3D)

### Add Identifiers to UI elements

Use the following steps to add the identifiers to elements on your screen:

your title goes here

Ensure that you [create the project](/mobile/docs/create-a-project-1) and [capture the screen](/mobile/docs/capture-your-app-screen-using-new-screen-capture-experience) before identifying the element.

1. Click **Add Identifier** to identify the unique elements on the screen to tag the right screen.  

![add_identifier](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/add_identifier.png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A36%3A23Z&se=2026-10-29T15%3A36%3A23Z&sr=c&sp=r&sig=LLw%2Fidk3mIoWr47%2B6t2PtWBK4niQiJmyQSLa%2Bd1pyLU%3D)
2. Click the desired element on the page.  

![identifier_home](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/identifier_home.png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A36%3A23Z&se=2026-10-29T15%3A36%3A23Z&sr=c&sp=r&sig=LLw%2Fidk3mIoWr47%2B6t2PtWBK4niQiJmyQSLa%2Bd1pyLU%3D)

Example: If you want to add Audio to the Home screen, choose the title Home, which can uniquely identify the screen and play the Audio on the correct screen.

your title goes here

Click **Add More** to select more elements on the page, and then repeat step 2. ![identifier_home](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/identifier_home.png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A36%3A23Z&se=2026-10-29T15%3A36%3A23Z&sr=c&sp=r&sig=LLw%2Fidk3mIoWr47%2B6t2PtWBK4niQiJmyQSLa%2Bd1pyLU%3D)

With each unique element selected on the page, Whatfix Mobile can better identify your mobile app screen.