定义 Web 窗体布局

创建容器

容器允许您组合页面的字段并配置其布局;来组织页面中的元素。

对于表单的每个页面,都通过工具栏的​Containers​按钮创建容器。

使用容器对页面的元素进行分组,而不向最终渲染添加标签。 元素被分组到容器子树中。 标准容器允许您管理布局。

例如:

标签的位置会应用于层次结构中容器下方的元素。 如有必要,可以为每个元素重载它。 添加或删除列以更改布局。 请参阅在页面上放置字段

在上例中,渲染将如下所示:

在页面上放置字段

Web窗体的布局是在每个容器中按页面定义的,并且可以根据需要过载。

页面被划分为多列:每个页面都包含一定数量的列。 页面的每个字段都占用​n​单元格。 容器还占用一定数量的列,而容器包含的字段则占用一定数量的单元格。

默认情况下,页面是在单列上构建的,每个元素都占据一个单元格。 这表示字段彼此显示在下方,每个字段占据整行,如下所示:

在以下示例中,保留了默认配置。 该页面占据一列,该列包含四个容器。

每个容器占据一列,每个元素占据一个单元格:

呈现如下所示:

您可以调整显示参数以获得以下渲染:

在上述渲染示例中,每个输入字段、标题和图像在容器的列中占据一个单元格。

您可以在每个容器中修改格式。 在本例中,您可以将容器4的内容分布到两列上,并分发元素。

标题和列表各占一个单元格(因此容器的整行),复选框延伸到两个单元格上。 根据字段类型,在​General​选项卡或​Advanced​选项卡中定义属于输入字段的单元格数:

定义标签的位置

您可以在表单中定义字段和标签的对齐方式。

默认情况下,页面字段和其他内容的显示参数会从表单的常规配置、页面配置或父容器的配置(如果存在)继承。

整个表单的全局显示参数在表单属性框中指定。 Rendering​选项卡允许您选择标签的位置。

通过​Advanced​选项卡,可以为每个页面、每个容器和每个字段重载此位置。

支持以下对齐:

  • 继承:对齐方式继承自父元素(默认值),即父容器(如果有),或页面的其他内容。
  • 左/右:标签位于字段的右侧或左侧,
  • 上/下:标签位于字段上方或下方,
  • 隐藏:不显示标签。

在此页面上