Sapui5 具有GenericTile的IconTabBar的奇怪行为

Sapui5 具有GenericTile的IconTabBar的奇怪行为,sapui5,sap-fiori,Sapui5,Sap Fiori,为什么图片上的XML树看起来像第二张图片上所示MessageStrip尝试进入IconTabBar的内容区域,甚至跳过4个元素,并以任何方式退出。文档中没有关于可以放置在IconTabBar或IconTabFilter中的内容的限制GenericFile不是应该占据屏幕全部位置的布局。如何将磁贴放入IconTabBar的内容中 以下是视图的代码: 解决方案是删除我的自定义CSS(例如tileLayout),并将任何边距类(例如“SapuilageMarginTop”)添加到消息条中,以便通用

为什么图片上的XML树看起来像第二张图片上所示
MessageStrip
尝试进入
IconTabBar
的内容区域,甚至跳过4个元素,并以任何方式退出。文档中没有关于可以放置在
IconTabBar
IconTabFilter
中的内容的限制
GenericFile
不是应该占据屏幕全部位置的布局。如何将磁贴放入
IconTabBar
的内容中

以下是视图的代码:


解决方案是删除我的自定义CSS(例如
tileLayout
),并将任何边距类(例如
“SapuilageMarginTop”
)添加到消息条中,以便通用磁贴适合IconTabFilter


Hmm,试着把它们放在VBox或HBox中,以迫使它们分组?@Elias现在通用瓷砖放在HBox中,消息粘在HBox的底部@NancyT UI5版本是什么?那么
tileLayout
CSS类做什么呢?这里看起来不错。唯一的区别可能是UI5版本和我的演示中缺少的
tileLayout
。@BoghyonHoffmann tileLayout类只有一个属性:
float:left
。真正的区别是MessageStrip的类
sapuilagemargintop
,在您的示例中,它在泛型文件和MessageStrip之间形成了这样的距离。这很有帮助,非常感谢@NancyT哦,是的,Sapuilagemargintop就是为了给空间而加的。无论如何,我无法用给定的代码复制。如果提供真实的代码来重现“奇怪的行为”,那就太好了。但现在似乎已经解决了。请在下面添加一个答案,并将其作为解决方案让其他人知道。请接受您自己的答案,让其他人知道问题现在已经解决。