Modify the Info Pop-Up

The <ch5-modal-dialog> component is a overlay panel that is used primarily to display dialog boxes and user prompts. Modal dialogs can contain an optional header bar with a title, an optional message and close icon, and optional OK and Cancel buttons.

The modal dialog or overlay panel will not appear in the UI when triggered unless it is enabled in index.html.

The project info widget is available in the path /app/template/components/widgets/template-version-info. It can be displayed or hidden using the project-config.json file. To do so:

  1. Open the project-config.json file in the /app folder.
  2. Navigate to the node location > headerInfo.
  3. Copy
    "header": {
        "display": true,
        "displayInfo": true
    },

  4. To display the icon for info pop-up, set the displayInfo node to true.
  5. To hide the icon for info pop-up, set the displayInfo node to false.

For more information, refer to Modal Dialog.