Skip to main content

Customize the Navbar

This article explains how to customize the EmpowerID navbar. You can enable additional navbar sections, change their display text, and configure the actions that appear within them by updating system settings and defining related UI components.

Enable a Custom Navbar Section

  1. Go to Infrastructure Admin > EmpowerID Servers and Settings > EmpowerID System Settings.
    EmpowerID System Settings page
  2. In the search box, type navbar to filter the list.
    You will see settings such as NavBarSection*Enabled, NavBarSection*Noun, and NavBarSection*Verb.
    Navbar settings search results
  3. Filter the results to NavBarSection10.
  4. Locate NavBarSection10Enabled, click Edit, set Value to true, and click Save.
    Edit NavBarSection10Enabled
    Enable NavBarSection10
  5. Recycle the EmpowerID IIS app pools and refresh your browser.
    You should see a new navbar section appear.
    New navbar section

Change the Display Text for the Navbar Section

  1. Go to Admin > Miscellaneous > Localized Text.
    Locale Key Entry page
  2. On the Localized Strings tab, search for NavBarSection10Title and click the Locale Key (Unique Name) link.
    Search for NavBarSection10Title
  3. On the Locale Key Details page, click the Edit icon.
    Edit Locale Key
  4. Change the Default Value from NavBarSection10Title to the text you want displayed in the navbar (for example, I want to) and click Save.
    Change default value
  5. Recycle the EmpowerID IIS app pools and refresh your browser.
    The navbar section label is updated.

Assign a Noun and Verb to the Section

A navbar section displays options only after associating it with a UINoun and UIVerb.

  1. Go back to Infrastructure Admin > EmpowerID Servers and Settings > EmpowerID System Settings.
  2. Search for NavBarSection10.
  3. Click Edit for NavBarSection10Noun and set Value to the desired UINoun (for example, Password), then click Save.
    Edit NavBarSection10Noun
    Set NavBarSection10Noun value
  4. Click Edit for NavBarSection10Verb and set Value to the appropriate UIVerb (for example, ChangePassword), then click Save.
    Edit NavBarSection10Verb

If you need to review existing UINouns and UIVerbs:

  • Go to Admin > Miscellaneous > Noun Verb Action Navigation.
  • Use the available tabs to view and manage UINouns, UIVerbs, and UIActions.
    UINoun Details

Create a UIAction (If Needed)

If a suitable UIAction does not already exist, create one so the noun and verb can invoke it.

  1. Go to Admin > Miscellaneous > Noun Verb Action Navigation.
    This opens the NounVerbsAction page.
    Noun Verb Action Navigation page
  2. On the UIAction tab, click Create New UIAction.
    Create New UIAction button
  3. Complete the Action Details form. For example:
    • Action Name (no spaces): ChangeMyPassword
    • Display Name: Change My Password
    • Description: Change My Password
    • Verb: ChangePassword
    • Noun: Password
    • Ensure Is a Contextual Action Only is not selected.
    • Select Workflow and choose the appropriate workflow (for example, Change Password).
      Action Details form
  4. Click Save.
  5. Recycle the EmpowerID IIS app pools and refresh your browser.
    The new UIAction now appears under the customized navbar section.
    New UIAction in navbar