检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
的组件生效。 3 表单组件库,各组件详细介绍,请参见自定义页面组件介绍。 :在表单设计区域,选中某个组件,单击该图标,可快速复制该组件。 :在表单设计区域,选中某个组件,单击该图标,可快速删除该组件。 4 页面设计区,将组件拖拽至设计区,进行自定义设计。 5 页面及组件属性设置。
全部应用”中,单击对应的应用,进入应用。 将鼠标放在对应的表单上,单击,选择“修改名称”。 图1 选择修改名称 您也可以单击“编辑表单”,在表单设计页面,单击,修改表单名称。 图2 自定义修改表单名称 在弹出的页面,输入新的名称,单击“确定”。 父主题: 表单管理
页面属性配置 使用说明 页面设计时,如果需要对整体页面和全局组件属性进行设置,可单击“页面属性”进行配置。全局组件配置仅对新增的组件生效,历史组件不做修改。 图1 设置页面属性 基础配置 基本属性配置后需要保存页面重新加载后生效。 单元格高度:设置容器的单元格高度,保持整体的平衡。默认高度为20px。
开关 开关组件可以用来仿照物理开关,让用户打开或关闭某个项目。 在表单设计页面,从“常用组件”中,拖拽“开关”组件至表单设计区域,如图1所示。 图1 拖拽开关组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
附件组件用于上传文档、视频、音频等附件。 在表单设计页面,从“常用组件”中,拖拽“附件”组件至表单设计区域,如图1所示。使用附件组件时,请谨慎下载“.bat”、“.exe”等危险类型的文件,以保护您的安全。 图1 拖拽附件组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。
创建表单视频讲解 通过一个两分钟的操作视频,向您介绍如何在AstroFlow表单设计器中,通过拖拉拽的方式,快速创建一个表单。 父主题: 表单管理
部门 部门组件用于选择组织内配置好的部门。 在表单设计页面,从“常用组件”中,拖拽“部门”组件至表单设计区域,如图1所示。 图1 拖拽部门组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。
级联选择 级联选择组件用于实现下拉级联菜单。 在表单设计页面,从“常用组件”中,拖拽“级联选择”组件至表单设计区域,如图1所示。 图1 拖拽级联选择组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。
图1 添加一个空白表单页面 步骤2:页面设计 AstroFlow中的页面由一个或多个组件拼装而成。在左侧组件区域,选择合适的组件,拖拽到中间设计区。在设计区选中组件,设置组件的属性。各组件详细介绍,请参见自定义页面组件介绍。 页面设计中,组件数量不能超过200个。 图2 添加组件
备注 备注用于添加注意事项,以指导用户操作。 在表单设计页面,从“样式布局”中,拖拽“备注”组件至表单设计区域,如图1所示。 图1 拖拽备注组件到设计区并设置属性 状态:设置字段的状态,如普通、只读。 普通:设置为普通后,页面上该字段可正常显示,且可进行配置。 只读:设置为只读后,页面上该字段只可读。
手写签名 手写签名组件用于用户手动输入签名。 在表单设计页面,从“高级组件”中,拖拽“手写签名”组件至表单设计区域,如图1所示。 图1 拖拽手写签名组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。
布局容器的主要作用是控制其内部元素的排列和布局,确保界面的整洁有序和响应式设计。 在左侧组件区域,选择“布局容器”组件,并拖拽至设计区域,如图1所示。 图1 拖拽布局容器组件到设计区并设置属性 将组件拖拽至布局容器中,根据需求布局,选中组件可配置对应组件属性。 图2 设计布局 基础配置 链接块操作:单击链接块时触
图片上传 图片上传组件用于在表单中上传图片,使表单更加地美观。 在表单设计页面,从“常用组件”中,拖拽“图片上传”组件至表单设计区域,如图1所示。 图1 拖拽图片上传组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
分割线 分割线为样式型组件,用于分割字段,起装饰作用。 在表单设计页面,从“样式布局”中,拖拽“分割线”组件至表单设计区域,如图1所示。 图1 拖拽分割线组件到设计区并设置属性 状态:设置分割线的状态,如普通、隐藏。 普通:设置为普通后,页面上可正常显示分割线。 隐藏:设置为隐藏后,页面上的分割线将不再显示。
成员 成员组件用于从通讯录中添加用户。 在表单设计页面,从“常用组件”中,拖拽“成员”组件至表单设计区域,如图1所示。 图1 拖拽成员组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。
评分 评分组件用于表单提交评分数据。 在表单设计页面,从“常用组件”中,拖拽“评分”组件至表单设计区域,如图1所示。 图1 拖拽评分组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。
数字输入框 数字输入框组件用于输入数字,支持自定义数字输入框的状态、帮助信息及步长等。 在表单设计页面,从“常用组件”中,拖拽“数字输入框”组件至表单设计区域,如图1所示。 图1 拖拽数字输入框组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
复选框 复选框组件用于一次性选择多个选项, 例如收集用户兴趣爱好时,可选用该组件。 在表单设计页面,从“常用组件”中,拖拽“复选框”组件至表单设计区域,如图1所示。 图1 拖拽复选框组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
日期选择器 日期选择器组件用于记录时间信息,适用于填写出差、加班日期时间等场景。 在表单设计页面,从“常用组件”中,拖拽“日期选择器”组件至表单设计区域,如图1所示。 图1 拖拽日期选择器组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
日期范围选择器 时间范围选择器组件用于实现自定义选取时间范围的功能。 在表单设计页面,从“常用组件”中,拖拽“日期范围选择器”组件至表单设计区域,如图1所示。 图1 拖拽日期范围选择器组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。