表单布局

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端、移动端均如此。

本文是否对您有帮助?
 有帮助
 没帮助
您是否遇到了以下问题?
如需获取即时帮助,请联系技术支持