# Dynamic Titles

By default, the Navigation Bar will display the Screen Name in the Text mode. Define rules to display other titles in the Navigation Bar on specific pages or groups of pages.

{% hint style="danger" %}
This will not take any effect if you are using Image Title in your navigation bar. More information -> [navigation-bar-title](https://help.twinr.dev/screen-customization/tab-bar/navigation-bar/navigation-bar-title "mention")
{% endhint %}

<figure><img src="https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2Fsd2YSJw9agRlLo4N5y8O%2Fdynamic-titles.jpg?alt=media&#x26;token=0479a316-68b0-48e2-ba27-2df08fc599c8" alt=""><figcaption></figcaption></figure>

## <mark style="color:green;">How to setup Dynamic Title?</mark>

### Enable Feature

Go to Add-ons -> Extensions -> Dynamic & Enable it.

<mark style="color:red;">**NOTE:**</mark> <mark style="color:red;">Please create a new version of the App e.x. 1.0.2, if the current version does not support this feature. If the previous version is live on the stores, then request a new build and submit this new version to the stores.</mark>

### Add New Title Rule

#### **URL Expression**

In the URL Expression field, enter the specific part of the URL associated with the app screen you want to set a title for.

***Example***: Use /contact-us for a contact page.

#### **Match Type**

Select a match type from the Match as dropdown:

* **Substring**: Matches the entered value if it’s part of the URL.
* **Exact**: Matches only when the entire URL matches the entered value.
* **Prefix:** Matches from the start of the URL.
* **Suffix:** Matches from the end of the URL.

#### Title

&#x20;Enter the desired title in the Title field.

*Example*: For /contact-us, set the title to “Contact Us.”

Once configured, click **Save As a Draft** to save your changes.