关于前端:SAP-UI5-SimpleForm-的-twocolumn-layout-布局

1次阅读

共计 721 个字符,预计需要花费 2 分钟才能阅读完成。

如果您将表单搁置在全屏应用程序中并且它蕴含多个表单组,请应用标签字段比例为 12:12:0 的两列布局(标签应用 12 个网格列,标签应用 12 个网格列 字段和空列应用的 0 个网格列)。

看个具体的例子:Form with several form groups (two columns) – Size M (12:12:0)

Size L (Desktop Screens)

如果表单蕴含单个表单组,请应用标签字段比例为 3:5:4 的单列布局(标签应用 3 个网格列,字段应用 5 个网格列,以及空列)。

如果表单蕴含多个表单组,您还能够应用标签字段比例为 12:12:0 的两列布局(标签应用 12 个网格列,字段应用 12 个网格列,0 个网格列 由空列应用)。正如在响应性(断点)局部中曾经解释的那样,大小 L 降落到 1025 像素。在这种尺寸下,搁置在字段旁边的长标签可能不适宜较小的 L 尺寸屏幕(尤其是在拆分应用程序中)。因而标签放在字段上方。

下图的例子:Form with several form groups (two columns) – Size L (12:12:0)

Size XL (Desktop Wide Screens)

如果表单蕴含单个表单组,请应用标签字段比例为 3:5:4 的单列布局(标签应用 3 个网格列,字段应用 5 个网格列,以及 空列)。

例子:Form with a single form group (one column) – Size XL (3:5:4)

响应式网格布局具备新属性 singleContainerFullSize。此属性使您能够在表单中插入空列:例如,您能够将属性 columnsXL 设置为 2,用标签字段比为 4:8:0 的单个表单组填充一列(4 个网格列由 标签、字段应用的 8 个网格列和空列应用的 0 个网格列),并将第二列留空。

正文完
 0