1. SCM (Supply Chain Management)
  2. SCM Mobile
  3. SCM Mobile App Customization
  4. Customizing the Close Icon on Popup Windows

Customizing the Close Icon on Popup Windows

On mobile popup windows, you can assign a mobile action to the x icon using the On Close Action for X Icon. You can set up any action type aside from the Forward Form and Submit Form actions supported by the On Popup Close Action. When the x icon is tapped, the app performs your specified tasks such as navigating to another page or saving data. It performs your additional tasks aside from closing the popup window.

You can also control the visibility of the x icon to show or hide it from the popup window. Make sure that your visibility settings can work alongside your On Close Action for X Icon. If you want to remove the option to close the popup window using the icon, you can hide it and add buttons instead. However, without being able to tap the x icon, your On Close Action for X Icon can't be triggered.

Note that both capabilities don't apply to the Print popup window.

To customize the close icon on popup windows:

  1. Within the custom mobile process, access the popup window that contains the close x icon.

    For detailed instructions, see Customizing Mobile Popup Windows.

  2. On the Mobile - Page page, do the following:

    1. Make sure that the Is Pop Up box is checked.

    2. Beside the On Close Action for X Icon field, click the plus icon.

  3. Set up the mobile action for the x icon by doing the following:

    1. On the Mobile - Action page, in the Type field, select the type of mobile action for the x icon.

      Note:

      If you set up a Forward Form type and you also set up the On Popup Close Action, the app primarily triggers the On Close Action for X Icon. For other mobile action types, the app ignores the On Popup Close Action. For more information, see Navigation and Data Submission for Mobile Popup Windows.

    2. Depending on the type you select, set values in the other required or optional fields.

    To set up mobile actions, see Customizing Mobile Actions.

  4. Click Save.

  5. (Optional) In the Visibility Condition for X Icon field, you can set up the following:

    • To always hide the x icon, enter false.

    • To dynamically show or hide the x icon, enter an expression that evaluates to true or false. If you want to use state data in your condition, see.Accessing Data Stored in the State.

  6. On the Mobile - Page page, you may complete other customizations for the popup window and its page elements.

  7. To apply all your customizations to the app, see Compiling Mobile Customizations.

Related Topics

General Notices