4.5 自动布局
德云思表单界面布局默认为【自动布局】，系统会根据定义的表单项自动产生界面布局，包括web端和手机端。
4.5.1 表单：
作用域为整个表单。设置在表单高级设置和检查表高级设置。
| 参数 | 类型 | 范例 |
|---|---|---|
| colnum | 数字型 | {"colnum":3} 每行显示3列 |
| thwidth | 标题宽度 | {"Style":{"thwidth":"25%"}} 或 {"Style":{"thwidth":"120px"}} |
4.5.2 群组：
作用域为当前群组，设置在当前群组的第一个控件高级设置有效。
| 参数 | 类型 | 范例 |
|---|---|---|
| colnum | 数字型 | {"colnum":3} 每行显示3列 |
| thwidth | 标题宽度 | {"Style":{"thwidth":"25%"}} 或 {"Style":{"thwidth":"120px"}} |
4.5.3 控件：
作用域为当前群组，设置在当前群组的第一个控件高级设置有效。在没有设置colspan参数的情况下，系统会根据栏位字段的大小，自动调整。
| 参数 | 类型 | 范例 |
|---|---|---|
| colspan | 数字型 | {"colspan":2} 当前控件的跨度必须<=colnum列数 |
范例：
这个范例就是表单高级设置为3，单项设置为2。
4.5.4 样式：
groupstyle 分组样式 titlestyle 表单项标题样式 controlstyle 表单项内容样式
{"titlestyle":{"background-color":"#0000FF","color":"#FFFFFF","border-color":"#000000","border-width":"2","font-weight":"bold","font-size":20},"controlstyle":{"background-color":"#FF0080","color":"#FFFFFF","border-color":"#000000","border-width":"2","font-weight":"bold","font-size":20}}
4.5.5控件样式：
控件背景颜色联动显示，多用于抄表、算费
{"webstylecss":{"@TEXT=='江苏'":"background-color: #32CD32; color:white;","@TEXT=='安徽'":"background-color: #8A2BE2; color:white;","":"background-color: white; color:black;"}}
