表单布局包括对表单的字段排列、标题样式、输入框宽度等进行自定义设置。通过表单布局,可以将表单字段合理进行分布,提高表单界面美观度,提升数据填报效率。
如员工档案中,通过表单布局,设置字段多列展示,效果如下:
进入 表单设计 页面,在「表单属性 >> 表单布局」处即可设置布局:
当表单中字段数量较多时,可以将表单布局设置为多列,以减少填写人员滑动页面的频率。
表单布局支持单列、双列、三列,以及四列这四种排列方式,点击下拉框即可切换:
注:表单多列布局只在电脑端生效,移动端仅支持单列布局。
除了字段布局的基础设置,表单布局的「更多设置」中,还支持对字段标题、描述信息等进行更加细致化的设置。
更多设置中支持设置的具体内容如下:
表单布局的更多设置中,支持切换「电脑端」和「移动端」查看预期效果,并对「电脑端」和「移动端」分别设置布局效果。
其中,电脑端和移动端支持设置的内容包括:字段标题位置、字段标题样式、字段描述信息样式、输入框宽度(仅电脑端支持设置)。
字段标题位置可以设置为「上下」或「左右」两种布局方式,两种布局方式的展示效果如下:
当字段标题位置设置为「左右」布局时,支持对字段标题的如下样式进行自定义设置:
当字段标题位置设置为「左右」布局时,支持设置字段描述信息样式为「显示」或者「隐藏」。
设置为「显示」时,描述信息将直接在输入框下方显示;设置为「隐藏」时,描述信息将以小提示的方式展示,点击提示符号,弹出对应的描述信息,效果如下图:
注:
1)当字段标题位置设置为「上下」布局时,字段描述信息默认显示在字段标题下方;
2)「分割线」字段的字段描述信息始终显示不可隐藏。
输入框宽度可以设置为「标准」或「自动」:
注:表单布局选择「多列」时才会触发「输入框宽度」的设置。
两种设置的效果如下图: