Personalize the Universal Header for Employment Flows

You want to personalize the page sub header with the person's display name and assignment number in the Promote employment flow. You can use the procedure similarly for other employment flows. Let's look at the steps to personalize the universal header.

For any mandatory fields not mentioned in the steps, you can use the default values.

Create and Enable Sandbox

  1. Click Navigator > Configuration > Sandboxes.

  2. Click Create Sandbox.

  3. Enter the Name.

  4. Select the Active check box for the Page Composer option.

  5. Click Create and Enter.

Edit Page Header

  1. On the home page, click the My Client Groups tab.

  2. Navigate to the quick actions and click the Show More link.

  3. Under Employment, click Promote.

  4. Search and select the person for whom you want to personalize the page sub header.

  5. The Promote questionnaire page if enabled will be displayed. Click Continue.

    Note: This is a common page for which you can't customize the page sub header.
  6. The Promote container page is displayed.

  7. Click the user name in the global header region, and then click Edit Pages from the Settings and Actions menu.

  8. The Promote customization page is displayed. Click Source from the View menu.

  9. Click the display name. Click Edit in the confirmation dialog box.

  10. Scroll down to the bottom of the page and hover the mouse pointer at the bottom left. Click Show More Links, and then click simplePanel. Drag the region above the tool bar upward so that you see the page components.

  11. Select simplePanel, and then click Close next to it.

  12. Click Edit in the confirmation dialog box.

  13. The universalPanel header is displayed. Select universalPanel, and then click Show the properties of universalPanel icon in the tool bar.

  14. The Component Properties: universalPanel dialog box is displayed. Scroll down to the Sub Header field. Click the drop down arrow next to the field, and then select Expression Builder.

  15. The Expression Editor dialog box is displayed. Click Choose a value, and select the binding parameter that you want to display in the page sub header. For example, if you want to display the person's display name, select BindingParams and Display Name from the drop-down lists. The expression for the display name is automatically populated in the Type a value or expression field. Click OK. The Component Properties: universalPanel dialog box is displayed.

    Note: When you select the binding parameter, only the expression for that parameter is displayed in the Type a value or expression field. However, if you want to enter more than one expression in the field, click Type a value or expression and combine the expressions by using a separator, such as hyphen (-) or asterisk (*). For example, you can enter this expression to display the person's display name and assignment number in the universal panel sub header: #{bindings.DisplayName.inputValue} - #{bindings.AssignmentNumber.inputValue}.

    To see the different expression value for each binding parameter, refer the table after the steps in this section.

  16. Click Apply, and then click OK.

  17. Click Close on the Promote customization page.

  18. The universal panel sub header is customized with the person's display name and assignment number.

    This table shows the binding parameters and their corresponding expression values. You can use these values to display worker identification information in the page sub header:

    Binding Parameter

    Expression

    Display Name

    #{bindings.DisplayName.inputValue}

    Person Number

    #{bindings.PersonNumber.inputValue}

    Assignment Number

    #{bindings.AssignmentNumber.inputValue}

    Assignment Name (Business Title)

    #{bindings.AssignmentName.inputValue}

Tips and Considerations

  1. All the four binding parameters (display name, person number, assignment number, and business title) if enabled, will appear in a single line in the page sub header.

  2. The business title and assignment number won't be refreshed in the page sub header when it's updated in flows, such as promote, transfer, and employment details. The changes are reflected after the transaction is committed.