表单布局

1. 简介

1.1 功能简介

表单布局包括对表单的字段排列、标题样式、输入框宽度等进行自定义设置。通过表单布局,可以将表单字段合理进行分布,提高表单界面美观度,提升数据填报效率。

1.2 应用场景

  • 收集员工/客户基础信息时,字段数量较多,则可通过表单布局设置字段多列展示,避免表单过长不宜查看;
  • 针对电脑端和移动端的使用特点,可以分别设置对应的表单布局,确保填写的便捷性等。

1.3 预期效果

如员工档案中,通过表单布局,设置字段多列展示,效果如下:

2. 设置方法

2.1 设置入口

进入 表单设计 页面,在「表单属性 >> 表单布局」处即可设置布局:

2.2 列数设置

当表单中字段数量较多时,可以将表单布局设置为多列,以减少填写人员滑动页面的频率。

表单布局支持单列、双列、三列,以及四列这四种排列方式,点击下拉框即可切换:

注:表单多列布局只在电脑端生效,移动端仅支持单列布局。

2.3 更多设置

除了字段布局的基础设置,表单布局的「更多设置」中,还支持对字段标题、描述信息等进行更加细致化的设置。

更多设置中支持设置的具体内容如下:

2.3.1 切换电脑端/移动端

表单布局的更多设置中,支持切换「电脑端」和「移动端」查看预期效果,并对「电脑端」和「移动端」分别设置布局效果。

其中,电脑端和移动端支持设置的内容包括:字段标题位置、字段标题样式、字段描述信息样式、输入框宽度(仅电脑端支持设置)。

2.3.2 字段标题位置

字段标题位置可以设置为「上下」或「左右」两种布局方式,两种布局方式的展示效果如下:

2.3.3 字段标题样式

当字段标题位置设置为「左右」布局时,支持对字段标题的如下样式进行自定义设置:

  • 宽度:可自定义数值,调整范围为 50px~500px
  • 对齐方式:居左、居右

2.3.4 字段描述信息样式

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

设置为「显示」时,描述信息将直接在输入框下方显示;设置为「隐藏」时,描述信息将以小提示的方式展示,点击提示符号,弹出对应的描述信息,效果如下图:

注:

1)当字段标题位置设置为「上下」布局时,字段描述信息默认显示在字段标题下方;

2)「分割线」字段的字段描述信息始终显示不可隐藏。

2.3.5 输入框宽度

输入框宽度可以设置为「标准」或「自动」:

  • 标准:无论表单界面是否变化,输入框显示固定宽度;
  • 自动:当表单页面变宽时,输入框 100% 占满屏幕列宽。

注:表单布局选择「多列」时才会触发「输入框宽度」的设置。

两种设置的效果如下图:

文档内容是否对您有帮助?
有帮助
没帮助没帮助
如需获取即时帮助,请联系技术支持
咨询
扫码领取100+零代码资料简道云官方微信号400-111-0890
图标在线咨询
立即体验