Setting Up Header User Controls

Certain user controls like the dark mode selector and the portal selector can be enabled and configured using the header user control settings. The changes that you make can be viewed simultaneously in the theme workspace.

To set up header user controls:

  1. In the Navigation Menu, browse to Publishing >Themes.

  2. On the Themes page, navigate to the Custom Themes section and click the Edit button next to the theme you want to customize. 

  3. In the Themes workspace, navigate to the Global > Header > User Control  and click the Expand button.

  4. From the expanded menu, make the following selections:

    1. Show Dark Mode Icon:  Click the Toggle button to display the Dark mode icon in the header.

    2. Show Portal Name:  Click the Toggle button to display the portal name in the header.

    3. Show Portal Selector: Click the Toggle button to display the Portal Selector in the header.  Once you enable this setting, the following configurations become available:

      • Show Portal Links in Menu: If you enable this setting, the portal selector option becomes available in the User menu dropdown. Disable it if you want to display the Portal selector in the header.

      • Navigate to App on Portals Link Click: Click the Toggle button to open the My Portals page in a new tab. When this setting is disabled, the portals can be viewed in a dropdown list.

      • Number of Portals to Display: You can either type in or click the increment increment and decrement decrement buttons to set the maximum number of portals displayed in the portals list. The maximum value is 999 and the minimum value is 1. 

      • Show Department with Portals: Click the Toggle button to display the department names for each portal.

    4. Language Switcher: Click the Toggle button to display and edit the language switcher. You can either add a flat list of languages or create a grouped list. 

      The Language dropdown in this modal lists only the languages you selected in Branding and Identity > Languages. To make additional languages available here, add them there first. For more information, see Configuring Languages.

      Before you create language lists, create portals in the languages you want to add to the language switcher and note down the portal Short URL Names. Each language requires a short URL that opens the portal in that language. Verify each URL before publishing.

      • Click the Add Language button to add a single language row, or click the Add Language Group button to group related languages under a common heading.

      • For each row, enter a Display Name, select the Language from the dropdown, enter the portal Short URL Name, and select the Country Flag.

      • Use the drag handle next to a row to reorder the languages as they appear in the switcher, or click the Delete  button to remove a row. You can also delete the language groups as needed.

      • To edit the Name of the Language Group, click the Edit  Icon and provide a name. You can also click the Add  button to add rows for a language group.

      • Click Update to save your changes, or Cancel to discard them.

        add languages

  5.  Click the Save button to retain the changes you made to the theme.