UI5：隐藏 UploadSet 的 'No Files Found' 图标

Question

在上图中，当没有文件上传时，我想隐藏所有（如果不是大部分）控件，只留下 + 按钮（或一点点“未找到文件”文本区域）。

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

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

Answer 1

隐藏元素使用 CSS:

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

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

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

Answer 2

如何隐藏图标：

经过探索，我意识到我可以右键单击 'Inspect Element' 文本区域并找到控件的特定部分：

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

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

*P.S。如果不包括 'span'，整个 noFile 文本区域将被隐藏。