📖 View this page in our documentation

By default the Navigation Bar will display the App Name in Text mode.

Define rules to display other titles in the Navigation Bar on specific pages or groups of pages.

Overview

If your app is configured to have an Android ActionBar and iOS Navigation Bar (i.e. if you are using Sidebar Navigation, Auto New Windows, or Native Search Form), you may want to configure the text or image that shows in that space.

By default, your app name will appear in this space as shown below. You may upload a navigation header image under Navigation Styling, or specify different text for different pages using the configuration below.



iOS NavigationBar example

Configuration

You may specify titles for each URL in your app using regular expressions in the Dynamic Titles options within the Native Top Navigation Bar section of your app builder. Alternatively, you may specify titles for each URL directly in the JSON.

Regex matches are prioritized from top to bottom. If no match is found, your app name will be shown. An example JSON formatting for BooyaFitness.com is provided below:

[
    {
        "regex": "https://www.booyafitness.com/",
        "title": "Home"
    },
    {
        "regex": "https://www.booyafitness.com/dashboard",
        "title": "Dashboard"
    },
    {
        "regex": "https://www.booyafitness.com/edit",
        "title": "Account"
    },
    {
        "regex": "https://www.booyafitness.com/password/new",
        "title": "Recover Password"
    },
    {
        "regex": "https://www.booyafitness.com/workouts/browse",
        "title": "Workouts"
    },
    {
        "regex": "https://www.booyafitness.com/partners/browse",
        "title": "Partners"
    },
    {
        "regex": "https://www.booyafitness.com/pricing",
        "title": "Pricing"
    },
    {
        "regex": "https://www.booyafitness.com/workouts/.+",
        "urlRegex": "https://www.booyafitness.com/workouts/(.+)"
    },
    {
        "regex": "https://www.booyafitness.com/partners/.+",
        "urlRegex": "https://www.booyafitness.com/partners/(.+)"
    },
    {
        "regex": "https://www.booyafitness.com/videos/.+",
        "urlChompWords": 1,
        "urlRegex": "https://www.booyafitness.com/videos/([A-Za-z0-9-]+)"
    }
]