Messages

The global message configuration.

• loadingAnimationText

• savingAnimationText

• submitAnimationText

• loadingFailureText

• saveSuccessText

• saveFailureText

• submitSuccessText

• submitFailureText

• submitExpirationText

• uploadFailureText

• uploadFileTooLargeError

• leaveApplicationWarning (only can be displayed in MS IE and Edge)

Action specific messages

Display the server-side error message in the component:

"messages": {

  "submitFailureText": "$serverMessage;"

}

Content appearance

By default, all messages appear at the top.

messagePositions:

• loadingAnimation
• loadingError

Features

Messages in MUI

General

• Loading – global "circular" or local "linear indeterminate"

• Remote animation – global "circular"

  • Including save and submit

• Remote error – global "snackbar"

  • Including save, submit, and upload

• Uploading – "linear determinate" at top or bottom

• Loading error – local message

• Material UI message has simpler configuration options.

Loading Message

• By default, the loading message is not displayed until the first checkbox (Animation message when loading data is in progress) is checked.

"messagePositions": {
  "loadingAnimation": "global"}

"messagePositions": {
  "loadingAnimation": "top"}

Saving Animation

• By default, saving animation is not displayed until the second box is checked.
• Saving animation is displayed as a global circular progress

Saving Success

• By default, saving success confirmation is not displayed until the third box is checked.
• Saving success confirmation is displayed as a global "snackbar" in green.

Loading Error

• By default, loading error message is displayed until the fourth checkbox is unchecked.
• Loading error message is displayed at the top of an actor.

Saving Error

• By default, saving error message is displayed until the last checkbox is checked.
• Saving error message is displayed as a global "snackbar" in red.

Remote Submit Animation

• By default, submission animation is displayed the action is configured not to show it
• Submission animation is displayed as a global circular progress

"componentActions": [{
  "name": "loanSave",
  "actionType": "submit",
  "appearance": { ... }
  "messages": { "showSubmitAnimation": false }
} ... ]

Remote Submit Success / Error

• By default, the submission success message is not displayed the action is configured to show it
  • Submission success is displayed as a global snackbar in green.
• By default, the submission error is displayed until the action is configured not to show it
  • The submission error is displayed as a global snackbar in red.

"componentActions": [{
  "name": "loanSave",
  "actionType": "submit",
  "appearance": { ... }
  "messages": { "showSubmitError": false, "showSumitSuccess": true }
} ... ]

Status

Remote Message Enhancement (Mui only)

General

• Remote success/error messages using snackbar can be dismissed.

Status