更新日期
1. 简介
1.1 功能概述
通过表单布局,可以设置表单中字段排序、标题样式、输入框宽度等内容。通过表单布局,可以合理分布表单字段,调整表单样式,提高表单美观度。
1.2 应用场景
- 收集员工、客户等基础信息时,可通过调整字段列数优化表单展示效果。
- 针对电脑端和移动端不同的使用场景,可分别设计对应的表单布局。
- 需要统一字段标题样式和输入框展示效果时,可通过表单布局进行整体调整。
2. 设置入口
进入表单设计页面,在右侧「表单属性」中的「表单布局」处,可设计表单布局。

3. 列数设置
当表单中字段过多时,用户可以调整表单列数来改变字段布局。
英雄云支持以下 4 种排列方式:单列、双列、三列、四列。可通过下拉框进行选择,布局方式立即生效。
注意:表单多列布局只在电脑端生效,移动端仅支持单列布局。

4. 更多设置
除了基础的字段列数设置外,英雄云还支持对字段标题、描述信息等其他内容进行更加详细的设置。
点击右侧的「设置」按钮,即可进入更多设置页面。

4.1 电脑端/移动端切换
进入更多设置页面后,可在右上角切换「电脑端」或「移动端」查看布局效果。英雄云支持针对电脑端与移动端分别进行布局设计。

4.2 字段标题位置
英雄云支持以下两种字段标题布局方式:上下布局、左右布局。展示效果如下:

4.3 字段标题样式
当字段标题位置设置为「左右」时,可对字段标题样式进行自定义设置。
支持设置内容如下:
| 配置项 | 说明 |
|---|---|
| 宽度 | 支持自定义宽度,范围为 50px~500px |
| 对齐方式 | 支持左对齐、右对齐 |

4.4 字段描述信息样式
当字段标题位置设置为「左右」时,英雄云支持显示或隐藏字段描述信息。


4.5 输入框宽度
英雄云支持「标准」和「自动」两种输入框宽度布局方式,用户可根据需求进行调整。
- 标准:输入框宽度保持固定值不改变,系统默认采用标准模式。
- 自动:仅当表单布局选择多列时可以使用,输入框宽度自动占满列宽。
标准样式效果如下:

自动样式效果如下:

5. 效果演示
以应收账款-销售出库单为例,效果如下:

6. 注意事项
- 输入框宽度默认为标准模式。
- 移动端不支持字段多列布局,仅展示单列展示。
- 字段标题样式配置仅在字段标题位置设置为「左右」时生效。
- 电脑端和移动端支持分别设置不同的布局效果。