UI5：隐藏 UploadSet 的“未找到文件”图标答案

【问题标题】：UI5: Hide UploadSet's 'No Files Found' IconUI5：隐藏 UploadSet 的“未找到文件”图标
【发布时间】：2020-11-17 07:49:54
【问题描述】：

在上图中，当没有上传文件时，我想隐藏所有（如果不是大部分）控件，只留下 + 按钮（或 No Files Found 文本区域的一小部分）。

我知道有一个属性 noDataText 和 noDataDescription 可以留空，但我想隐藏大图标以减少占用的空间。我怎样才能做到这一点？

编辑：有人建议使用 customCSS，我该怎么做？

【问题讨论】：

【解决方案1】：

如何隐藏图标：

经过探索，我意识到我可以右键单击文本区域上的“检查元素”并找到控件的特定部分：

查看上面的几行代码，我们看到有一个名为 sapMUCNoDataPage 的类。复制它，然后按右侧窗格顶部的 :hov 和 .cls 旁边的“+”图标。然后输入：.sapMUCNoDataPage span{display:none}

这将隐藏图标。现在复制并粘贴该代码，并将其放在您的 style.css 文件中。这就是隐藏图标的方式。

*附注如果不包含“span”，则整个 noFile 文本区域将被隐藏。

【讨论】：

【解决方案2】：

使用 CSS 隐藏元素：

li[id*="attachmentServiceFileUpload-list-nodata"] {
    display: none;
}

如果您只想在应用程序的特定部分隐藏它，您可以执行以下操作：

div[id*="some-example-detail-page"] li[id*="attachmentServiceFileUpload-list-nodata"] {
    display: none;
}

【讨论】：

有趣，当我尝试使用元素检查器时，我得到了 id="__set0-list-nodata"，当我输入 'set0' 而不是 'attachmentServiceFileUpload' 时，文本区域被成功隐藏，但是当我使用另一个时，它没有设法隐藏。怎么会？最后一个问题 - 隐藏文本区域后，剩余一条细灰线，我尝试隐藏它，但似乎无法在元素检查器中识别它。你知道这是否可能吗？
我刚刚意识到我使用的是 UploadCollection，而不是 UploadSet，它解释了不同的 Id。该行来自 UploadSet 的 OverflowToolBar 的 border-bottom 属性。为 OverflowToolbar 提供一个带有 border-bottom: none 的 css 类，以便隐藏该行。