Notifications splitApp中的SAPUI5通知栏

我有一个NotificationBar控件作为详细视图的内容元素，它是splitApp的一个元素

谷歌Chrome没有问题，但iPad有显示问题。通知栏位于主视图和详图视图之间

主视图覆盖了通知栏的一部分，而局部视图没有覆盖

如何调整通知栏的大小。我没有找到任何方法或属性来修改notificationBar

如果我查看API，我不理解为什么它与detailview不匹配：

NotificationBar是一个“工具栏”，可以添加到页面以显示来自应用程序的消息和通知。其位置、高度和宽度继承自添加通知栏的元素

---

如何解决这个问题？

从名称空间

sap.ui.ux3

我假设NotificationBar没有真正的响应能力，因此无法在iPad这样的小型设备上工作

我找到了NotificationBar的demopage，其中有一些有趣的信息：

如果NotificationBar应小于默认值，则必须向NotificationBar添加单独的CSS类

这意味着您必须通过好的旧CSS来调整大小。他们给出的示例与下面的代码片段类似

style.css（或自定义css文件的命名方式）

要使其在iPad和桌面上都能工作，您应该通过添加媒体查询使其具有响应性（请参见此处：）

您的.controller.js（或其名称）

链接到演示页面：

---

但是，如果您更喜欢内置且响应迅速的解决方案，您可能希望尝试以下方法

将

sap.m.Toolbar

添加到详细信息页面，该页面有一个按钮，可打开

sap.m.MessagePopover

---

请参见以下示例：

谢谢，这就是解决方案。到目前为止，我一直使用媒体查询来获得响应，但也许我会转而接受你的建议。谢谢因此，我建议也使用带有MessagePopover的sap.m.工具栏。

.slimNotificationBar {
     left : 60px;
     right: 100px;
}

// after instantiating your NotificationBar
oNotificationBar.addStyleClass("slimNotificationBar");