[也适用于v8]{class="badge positive" title="也适用于Campaign v8"}
定义 Web 窗体布局 defining-web-forms-layout
创建容器 creating-containers
通过容器,您可以组合页面的字段并配置其布局;以组织页面中的元素。
对于表单的每个页面,均通过工具栏的 Containers 按钮创建容器。
使用容器对页面的元素进行分组,而无需将标签添加到最终渲染。 元素将分组到容器子树中。 标准容器允许您管理布局。
例如:
标签的位置将应用于层次结构中放置在容器下方的元素。 如有必要,可以为每个元素重载。 添加或删除列以更改布局。 请参阅定位页面上的字段。
在上例中,渲染将如下所示:
将字段放置在页面上 positioning-the-fields-on-the-page
Web窗体的布局在每个容器中逐页定义,并且可以根据需要过载。
页面可划分为若干列:每个页面均包含一定数量的列。 页面的每个字段占用 n 个单元格。 容器也占据一定数量的列,并且它们包含的字段占据一定数量的单元格。
默认情况下,页面构建在一列上,每个元素占据一个单元格。 这意味着字段会逐行显示,每个字段占一整行,如下所示:
在以下示例中,保留了默认配置。 页面占据一列,其中包含四个容器。
每个容器占据一列,每个元素占据一个单元格:
呈现方式如下:
您可以调整显示参数以获得以下渲染:
在上述渲染示例中,每个输入字段、标题和图像在容器的列中占据一个单元格。
您可以修改每个容器中的格式。 在本例中,您可以将容器4的内容分布到两列上并分发元素。
标题和列表分别占据一个单元格(因此是容器的整行),复选框会扩展到两个单元格上。 根据字段类型,归属于输入字段的单元格数定义在 General 选项卡或 Advanced 选项卡中:
定义标签位置 defining-the-position-of-labels
您可以在表单中定义字段和标签的对齐方式。
默认情况下,字段和页面其他内容的显示参数继承自表单的一般配置、页面的配置或父容器的配置(如果存在)。
在表单属性框中指定整个表单的全局显示参数。 Rendering 选项卡允许您选择标签的位置。
可以通过 Advanced 选项卡为每个页面、每个容器和每个字段重载此位置。
支持以下对齐:
- 继承:对齐方式继承自父元素(默认值),即父容器(如果有)或其他页面。
- 左/右:标签位于字段的右侧或左侧,
- 上/下:标签位于字段的上方或下方,
- 隐藏:不显示标签。