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)
Display the server-side error message in the component:
"messages": { "submitFailureText": "$serverMessage;" }
By default, all messages appear at the top.
messagePositions:
-
loadingAnimation
-
loadingError
Note
This configuration is MUI-specific.
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.
-
By default, the loading message is not displayed until the first checkbox (Animation message when loading data is in progress) is checked.
-
By default, saving animation is not displayed until the second box is checked.
-
Saving animation is displayed as a global circular progress
-
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.
-
By default, loading error message is displayed until the fourth checkbox is unchecked.
-
Loading error message is displayed at the top of an actor.
-
By default, saving error message is displayed until the last checkbox is checked.
-
Saving error message is displayed as a global "snackbar" in red.
-
By default, submission animation is displayed the action is configured not to show it
-
Submission animation is displayed as a global circular progress
Example 172. Code JSON
"componentActions": [{ "name": "loanSave", "actionType": "submit", "appearance": { ... } "messages": { "showSubmitAnimation": false } } ... ]
-
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.
-
Example 173. Code JSON
"componentActions": [{ "name": "loanSave", "actionType": "submit", "appearance": { ... } "messages": { "showSubmitError": false, "showSumitSuccess": true } } ... ]
Status
Release Available |
Status |
Framework Name |
---|---|---|
2.9 |
Current |
MUI |