# Transformers Screen

## Introduction

This section describes the Transformers UI screen elements.

## Procedure

### **Transformers (25 of 25)**

*This option indicates the number of Transformers currently displayed out of the total available Transformers.*

<figure><img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2FTASNa9hwgmm1FliVYwFF%2Fimage.png?alt=media&#x26;token=9a5ed489-1c4a-44bc-ac9e-9608d3df46f7" alt=""><figcaption></figcaption></figure>

### Adjust Transformers View Per Page

This option indicates the number of Transformers currently displayed out of the total available Transformers.\
You can adjust the number of Transformers displayed per page using the dropdown menu located at the top-right corner of the screen.

* **50 per page:** Displays up to 50 Transformers on the current page.
* **100 per page:** Displays up to 100 Transformers on the current page.
* **200 per page:** Displays up to 200 Transformers on the current page.

<figure><img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2Foz6ZSH4GDCWy800Omwna%2Fimage.png?alt=media&#x26;token=513875e3-7ac2-438a-9b9a-147e2d3d0d27" alt=""><figcaption></figcaption></figure>

### Add Transformers

Click the **Transformers** dropdown. You will see two options: **For Server** and **For Browser**. Select the required option.

<figure><img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2FjC0cPB2LQTH4rZvi5Tm4%2Fimage.png?alt=media&#x26;token=20712140-73ae-43a3-b589-9e53b256cd38" alt=""><figcaption></figcaption></figure>

### Filter Transformers

The **Filter Transformers** option is based on the following types:

* **Filter By Name:** Filters the Transformers based on the trigger name.
* **Filter By Attribute Value:** Filters the Transformers based on Attribute Value.
* **Filter By Metadata Attribute:** Filters the Transformers based on Metadata Attribute.

<figure><img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2FVOGJmGkmkWbnwpL3hJNH%2Fimage.png?alt=media&#x26;token=3a320f43-f84a-465a-856d-d0f64a7ffc75" alt=""><figcaption></figcaption></figure>

Click the **Refresh.**

A **Fetching Data Elements…** message appears while the system retrieves and displays the updated data.

<figure><img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2FzNZvyK8lSk0G6Eo6z6fg%2Fimage.png?alt=media&#x26;token=aa6127ea-f16d-48f6-a39e-810a7fca9c89" alt=""><figcaption></figcaption></figure>

### The following are the additional fields that appear on the Transformers screen.

<figure><img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2FbBGoMgDO7tCwikaUXZaG%2Fimage.png?alt=media&#x26;token=9599fe64-c94f-4984-be64-83d95bd490b8" alt=""><figcaption></figcaption></figure>

| Column Name    | Description                                                                                                                                                                                                    |
| -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Name**       | Denotes the Transformer Name.                                                                                                                                                                                  |
| **Type**       | Denotes whether the Transformer is a server-side or a browser-side setting.                                                                                                                                    |
| **Status**     | <p>Denotes the status of the Transformer.<br>• Production: The Transformer is under production.<br>• Staging: The Transformer is in Staging.<br>• Pending Publish: The Transformer is yet to be published.</p> |
| **Created By** | Denotes the user who created the Transformer.                                                                                                                                                                  |
| **Updated By** | Denotes the user who updated the Transformer.                                                                                                                                                                  |
| **Updated On** | Denotes when the Transformer is last updated.                                                                                                                                                                  |

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2FmCAbpOvUF72SEi1cjhpH%2FTransformers%20Screen.mp4?alt=media&token=51f55aaf-7c28-48b0-af22-e06addcd07e6>" %}