MessagePopover SAP SE A <code>MessagePopover</code> is used to display a summarized list of different types of messages (error, warning, success, and information messages). <h3>Overview</h3> It provides a handy and systematized way to navigate and explore details for every message. It is adaptive and responsive. It renders as a dialog with a Close button in the header on phones, and as a popover on tablets and higher resolution devices. It also exposes an event {@link sap.m.MessagePopover#event:activeTitlePress}, which can be used for navigation from a message to the source of the issue. <h3>Notes:</h3> <ul> <li> If your application changes its model between two interactions with the <code>MessagePopover</code>, this could lead to outdated messages being shown. To avoid this, you need to call <code>navigateBack</code> when the model is updated.</li> <li> Messages can have descriptions preformatted with HTML markup. In this case, the <code>markupDescription</code> has to be set to <code>true</code>.</li> <li> If the message cannot be fully displayed or includes a long description, the <code>MessagePopover</code> provides navigation to the detailed description.</li> </ul> <h3>Structure</h3> The <code>MessagePopover</code> stores all messages in an aggregation of type {@link sap.m.MessageItem} named <code>items</code>. A set of properties determines how the items are rendered: <ul> <li> counter - An integer that is used to indicate the number of errors for each type. </li> <li> type - The type of message. </li> <li> title/subtitle - The title and subtitle of the message.</li> <li> description - The long text description of the message.</li> <li> activeTitle - Determines whether the title of the item is interactive.</li> </ul> <h3>Usage</h3> <h4>When to use:</h4> <ul> <li>When you want to make sure that all content is visible on any device.</li> <li>When you want a way to centrally manage messages and show them to the user without additional work for the developer. The <code>MessagePopover</code> is triggered from a messaging button in the footer toolbar. If an error has occurred at any validation point, the total number of messages should be incremented, but the user's work shouldn't be interrupted. Navigation between the message item and the source of the error can be created, if needed by the application. This can be done by setting the <code>activeTitle</code> property to <code>true</code> and providing a handler for the <code>activeTitlePress</code> event. In addition, you can achieve the same functionality inside a different container using the {@link sap.m.MessageView} control.</li> </ul> <h3>Responsive Behavior</h3> On mobile phones, the <code>MessagePopover</code> is automatically shown in full screen mode.<br> On desktop and tablet, the message popover opens in a popover.<br> On desktop the opened popover is resizable, if it is placed in a {@link sap.m.Toolbar}, {@link sap.m.Bar}, or used in {@link sap.m.semantic.SemanticPage}. 1.28 sap.ui.core/Control Callback function for resolving a promise after description has been asynchronously loaded inside this function. Callback function for resolving a promise after a link has been asynchronously validated inside this function. Determines the position, where the control will appear on the screen. The default value is <code>sap.m.VerticalPlacementType.Vertical</code>. Setting this property while the control is open, will not cause any re-rendering and changing of the position. Changes will only be applied with the next interaction. Sets the initial state of the control - expanded or collapsed. By default the control opens as expanded. Note: If there is only one message in the control, this state will be ignored and the details page of the message will be shown. Defines whether the MessageItems are grouped or not. Event fired after the popover is opened. Refers to the control that opens the popover. Event fired after the popover is closed. Refers to the control that opens the popover. Event fired before the popover is opened. Refers to the control that opens the popover. Event fired before the popover is closed. Refers to the control that opens the popover. See {@link sap.ui.core.MessageType} enum values for types. Event fired when description is shown. Refers to the <code>MessagePopover</code> item that is being presented. Refers to the type of messages being shown. Event fired when one of the lists is shown when (not) filtered by type. This parameter refers to the type of messages being shown. Event fired when the long text description data from a remote URL is loaded. Event fired when a validation of a URL from long text description is ready. Event fired when an active title of a <code>MessageItem</code> is clicked. Refers to the message item that contains the activeTitle. A list with message items. Sets a custom header button. Opens the MessagePopover Control which opens the MessagePopover