| loio |
|---|
| 52824a6c316a413dbd7bd5f29522dce2 |
view on: demo kit nightly build | demo kit latest release
Message Popover is used to show a summarized list of different types of messages (errors, warnings, success and information). It provides a handy and systemized way to navigate and explore details for every message.
The MessagePopover control shows a list of messages which can be further drilled down to reveal more details. Typically, it will be placed in the footer and can be expanded when clicking on its icon. As it inherits from the Popover control, it can also be placed relative to any other OpenUI5 control using the placement property and its respective values:
-
sap.m.VerticalPlacementType.Top- placed at the top of the reference control -
sap.m.VerticalPlacementType.Bottom- placed at the bottom of the reference control -
sap.m.VerticalPlacementType.Vertical(default) - placed at the top or bottom of the reference control
Message Popover Control
The MessagePopover also features two modes - collapsed (showing only the type and number of messages) and expanded (showing the complete list). An example of the collapsed mode is shown in the following screenshot.
Message Popover Collapsed
The MessagePopover control allows app developers to provide a long-text description for a message, which can include markup and formatting of the content. When this is the case, the control will automatically, and by default, invalidate links and will not allow clicking on them. This is due to security reasons and it is part of the app developer's responsibility to check the links for possible vulnerabilities, exploits and access policies. App developers are provided with an asynchronous function property that should be used for this matter - asyncURLHandler.
Sometimes, you may need to validate all links by default. You can do this with the following function property:
asyncURLHandler: function(config){
config.promise.resolve({
allowed: true,
id: config.id
});
}How does it work?
The required flag - allowed - is always set to true and the promise is resolved immediately. Therefore all of the links in the description will be automatically validated.