Example: Change the Mobile Application Header Text

Intelligent Advisor Flows was only made available to select customers, and will not be made Generally Available.

To update the mobile application header text that is displayed on a large screen:

  1. In Visual Builder, go to the Fragments folder in the intelligentadvisorapp.

  2. Open the shell-header fragment.

  3. In the Fragment Designer, select Design view and then click on the heading text.

    The shell-header default Heading in an Intelligent Advisor mobile application in Visual Builder

  4. In the right-hand Properties pane, view the Text property. This displays the translation bundle entry used and its current value. Copy the last section of the key, in this case, app_name_text.

    The Heading Text setting in the shell-header for an Intelligent Advisor mobile application in Visual Builder

  5. Open the app-strings.json application translation bundle file in the following directory: intelligentadvisorapp/Resources/strings/app/nls/root.

  6. In the file source editor, search for the key text copied in step 4.

  7. Update the text value of the key to the desired value.

    The app_name_text setting in an Intelligent Advisor mobile application in Visual Builder

    You can also update the corresponding description text for translation purpose, but it does not affect the user interface.

  8. Re-open the shell-header fragment and verify that the application header text rendering has been updated.

    The shell-header customized Heading in an Intelligent Advisor mobile application in Visual Builder

Tip: You can change the footer text of the mobile application by following the same process but using the shell-footer fragment.