1. 功能简介
简道云表单布局分为「电脑端布局」和「移动端布局」。通过表单布局,可以将表单字段合理进行分布,提高表单界面使用效率及成员数据填报效率。
2. 设置入口
表单设计>>表单属性>>表单布局;
3. 列数设置
表单布局支持单列、双列、三列以及四列这四种排列方式。当遇到字段内容较多的表单,可以设置为三列、四列,减少成员滑动页面填报的频率。
注意:表单多列布局只在电脑端生效,移动端仅支持单列布局。
4. 更多设置
列数设置只能将字段布局进行最基础的分割,实际场景中不同的字段需要填报的内容不一样,所需要的宽度也不一样。此时,可以在更多设置中进一步对表单布局进行设置。
在更多设置里可以对字段标题位置、输入框宽度等进行更个性化的设置,支持对「电脑端」和「移动端」分别设置。
4.1 电脑端
4.1.1 字段标题位置
字段标题可以设置为「左右」和「上下」两种位置布局方式。不同的布局方式,其展示的效果也不一样。
- 上下
- 左右
4.1.2 字段标题样式
字段标题样式中,可以对标题的「宽度」和「对齐方式」进行设置。
注意:「字段标题位置」设置为「左右」时方可设置字段标题样式。
(1)宽度
合理的宽度可以让信息填报更高效、表单布局更美观。如下图所示:
该表单中,90px 的宽度是一个合适的标题宽度,低于这个值,标题一行显示不下会分行;高于这个值,标题与输入框间距太大,亲密性变低,人员填报信息路径变长。
宽度限制:50px~500px。
(2)对齐方式
字段标题的对齐方式支持设置为「居左对齐」和「居右对齐」。
当表单中部分字段的标题太长,为了保证表单的美观度,会将字段宽度设置较大,而字段标题与输入框距离就会较远,不利于成员匹配信息进行填报,那么可将对齐方式设置为「居右对齐」。
4.1.3 字段描述信息样式
字段描述信息可以设置为「显示」或者「隐藏」。
注意:只有当「字段标题位置」设置为「左右」时方可设置隐藏,否则默认显示在字段标题下方。
注意:其中「分割线」的字段描述信息始终显示不隐藏。
设置了「显示」后,描述信息将直接在输入框下方进行显示;设置「隐藏」后,描述信息将以小提示的方式展示,点击提示符号,将弹出对应的描述信息。
4.1.4 输入框宽度
输入框宽度可以设置为「标准」和「自动」。
- 标准:无论表单界面是否变化,输入框显示字段正常使用够用的宽度。
- 自动:当表单页面变宽时,输入框 100% 占满屏幕列宽。
效果示例:
4.2 移动端
移动端设置方式同电脑端。需要注意的是:
- 表单多列布局仅对电脑端生效,移动端暂仅支持单列布局。
- 移动端的左右布局时:
- 支持自定义字段标题宽度;
- 支持自定义字段标题对齐方式;
- 字段描述信息用户可以设置隐藏或直接显示;
- 其中「分割线」的字段描述信息始终显示不隐藏,PC端、移动端均如此。