搜索
更新人
更新时间 更新日期

1. 简介

1.1 功能概述

通过表单布局,可以设置表单中字段排序、标题样式、输入框宽度等内容。通过表单布局,可以合理分布表单字段,调整表单样式,提高表单美观度。

1.2 应用场景

  • 收集员工、客户等基础信息时,可通过调整字段列数优化表单展示效果。
  • 针对电脑端和移动端不同的使用场景,可分别设计对应的表单布局。
  • 需要统一字段标题样式和输入框展示效果时,可通过表单布局进行整体调整。

2. 设置入口

进入表单设计页面,在右侧「表单属性」中的「表单布局」处,可设计表单布局。

3. 列数设置

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

4. 更多设置

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

4.1 电脑端/移动端切换

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

4.2 字段标题位置

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

4.3 字段标题样式

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

4.4 字段描述信息样式

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

4.5 输入框宽度

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

5. 效果演示

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

6. 注意事项

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