# UI Element

All the web elements in a web page have a locator(unique Id) present for each of them, by which any automation software(QATTS) can identify and make use of them by running test case data.

To add an UI Element follow the below steps

**STEP 1**: Log into QATTS goto **Studio** on the left navigation panel, it directs to new window which will be appearing as shown below.

![](https://218631601-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVX-yOtIHRnx7UtstUT%2F-Mgp4eu5xaGEWm-XurSa%2F-MgpSeICOkIC4wEvjWBv%2FSuit.JPG?alt=media\&token=de11e8f8-6ae1-43a6-93ac-31f5c86949e8)

**STEP 2:** On the right corner Click on "**+**" icon and select **Add UI Element**, it should appear as below.

![](https://218631601-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVX-yOtIHRnx7UtstUT%2F-Mgp4eu5xaGEWm-XurSa%2F-MgpTVp-2SrwoFfnk1f3%2Ftempsnip.png?alt=media\&token=b6328ddd-29a7-43d3-9a11-5729ac1907b6)

**STEP 3:** Fill the required details as shown in the below screenshot.

while filling **Wait Type** select " Time" and in **Wait Value** add value of atleast "3 seconds"

Note: 

![](https://218631601-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVX-yOtIHRnx7UtstUT%2F-Mgp4eu5xaGEWm-XurSa%2F-MgpUetx82mbQ2c1jOmM%2FUI%20Details.JPG?alt=media\&token=bf169bf7-8f74-4ee1-8866-6b8d4564172a)

**STEP 4:** After adding required details and then click on **Save**, the given **UI Element name** would be saved in the groups you have selected it in.