Sapui5 如何修改sap.f.DynamicPage中的内容填充

我想知道是否有人面临着在

sap.f.DynamicPage

的表和标题之间填充不方便的问题：

---

我认为这是出于设计：

• （1.50.10）

实际上，这是内容的填充。
使用自定义CSS，您可以减少填充：

.sapFDynamicPageContent {
    padding-top: 0;
}

标题和内容之间的填充没有“错误”。这是可以看到的预期设计：

.sapFDynamicPageContent/*，…*/{
//...
填充：2rem 3rem 0 3rem；
}

不要 如果您遵循Fiori设计指南，或者应用程序应该在FLP上运行，则不应更改此设置。请避免使用自定义CSS删除填充，因为：

SAP Fiori launchpad应用程序应该而不是覆盖样式

做（截至） 但是，我们可以而且应该通过删除下面所示的侧边距，使表格与标题内容对齐：

这可以通过将预定义的CSS类

sapFDynamicPageAlignContent

添加到具有

width:auto

的表中来实现。例如，在XMLView中：

SAP Fiori设计指南要求

DynamicPageHeader

的内容与

DynamicPage

的内容垂直对齐。使用时，在

DynamicPage

的内容区域中，需要调整其左文本偏移量以实现垂直对齐。为此，将

sapFDynamicPageAlignContent

CSS类应用于它们，并将它们的

width

属性设置为

auto

以下是一个例子：

---

预定义的填充CSS类（从开始） 除了上述指南外，

sap.f.DynamicPage

现在还支持以下内容：

• sapuinocontentadding

• sapUiContentPadding

• sapUiResponsiveContentPadding

例如：应用此选项可完全去除周围的填充物：