检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在表单设计页面,单击“保存并预览”,即可预览效果。 图6 新增级联层级最终显示效果(编辑代码) 是否必填:字段是否必填。设置为必填时,字段前会带“*”。 占位符:设置字段的占位符。 默认值:设置该字段的默认值。 允许清空:下拉级联菜单是否允许为空。启用和禁用后,显示效果如图7所示。 图7 设置效果 父主题: 表单常用组件介绍
主视觉-背景色:设置主视觉的背景颜色,如图2所示。 页面主视觉:设置门户页面在PC端的主视觉效果,推荐图片尺寸为1920*320。所谓主视觉是指人第一眼看到的内容,给人印象感触最大的。 移动端主视觉:设置门户页面在移动端的主视觉效果,推荐图片尺寸为414*240。 自定义门户访问地址,支持使用默认地址和自定义门户地址。
多行文本输入用于录入较长、较为复杂的内容,和单行文本输入不同的是能够在表单中展示段落文本内容。多行文本输入和单行文本输入、文本、富文本呈现的效果,如图1所示。 图1 各文本组件效果呈现图 在表单设计页面,从“常用控件”中,拖拽“多行文本输入”组件至表单设计区域,如图2所示。 图2 拖拽多行文本输入组件到设计区并设置属性
单行文本输入 单行文本输入用于录入普通的文本,且只能有一行。单行文本输入和多行文本输入、文本、富文本呈现的效果,如图1所示。 图1 各文本组件效果呈现图 在表单设计页面,从“常用控件”中,拖拽“单行文本输入”组件至表单设计区域,如图2所示。 图2 拖拽单行文本输入组件到设计区并设置属性
将应用上架到门户 Astro低代码平台为您提供了一站式门户构建功能,企业可灵活搭建业务门户,并支持定制个性化门户页面、实现千商千面。在AstroFlow中完成应用的创建后,可以将应用发布到门户,并定制化配置符合组织风格的应用管理平台。 参考添加应用中操作,添加AstroFlow中已发布的应用。
图文展示 图文展示是一种样式组件,通常用于展示图片,如图1中这种表单图文混排样式。用户不会在这个组件上传或填写数据,所有用户看到的效果一样。 图1 图文展示效果 在表单设计页面,从“常用控件”中,拖拽“图文展示”组件至表单设计区域,如图2所示。 图2 拖拽图文展示组件到设计区并设置属性
各种字体、颜色、大小、图像、链接、表格和视频等元素,使文本更加生动、有趣。富文本和单行文本输入、多行文本输入、文本呈现的效果,如图1所示。 图1 各文本组件效果呈现图 在表单设计页面,从“常用控件”中,拖拽“富文本”组件至表单设计区域,如图2所示。使用富文本组件时,请谨慎下载“.bat”、“
选择对应的表单,单击“编辑表单”。 在主菜单中,选择“表单设置”。 自定义表单在运行态的呈现效果。 图1 自定义表单设置 表单名称:设置表单在运行态显示的名称,支持自定义,长度不能超过32个字符。 图2 表单运行态展示效果 提交设置:勾选“同一账号只能提交一次”后,在运行态同一账号不支持重复提交表单内容。
图1 修改菜单项名称 在弹出的窗口中,输入修改后的名称,单击“确定”。 请根据实际的业务场景进行修改,长度不能超过32个字符。 图2 修改后效果 父主题: 应用管理
应用图标:此处设置的图标,用于在门户中显示。对上传图片的大小没有限制,系统会自动进行同比例缩放,建议不要使用太大的图片。 图2 应用图标在门户中显示效果 应用名称:根据应用的实际用途或功能进行设置,长度不能超过32个字符。 应用描述:建议设置为应用的功能或使用场景,方便用户快速了解和使用应用,长度不能超过128个字符。
图4 个人基本信息 教育经历 录入员工的教育背景信息,通过子表单组件实现,子表单中包含2个单行文本输入、1个日期范围选择器和1个下拉选择框。 图5 教育经历 工作经历 录入员工的工作经历,通过子表单组件实现,子表单中包含2个单行文本输入、1个级联选择、1个日期范围选择器、1个多行文本输入和1个单选。
文本是一种样式组件,可以为这个区域设置一个标题等类似文字,用户不会提交数据。文本和单行文本输入、多行文本输入、富文本呈现的效果,如图1所示。 图1 各文本组件效果呈现图 图2 拖拽文本组件到设计区并设置属性 状态:设置字段的状态,如普通和隐藏。 普通:设置为普通后,页面上该字段可正常显示,且可进行配置。
拖拽组件到设计区 表单设计完成后,单击“保存并预览”,可保存并在线预览表单。 如果预览效果不符合预期,可返回设计页面进行修改,修改后再次保存预览,直至符合预期。 图4 预览效果 设置表单在运行态的效果。 在“表单设置”中,可自定义表单在运行态的名称、提交次数和跳转页面等。更多介绍,请参见表单设置。
最大上传文件个数:设置允许上传图片的个数。开启“多选”时,才需要配置。 例如,“最大上传文件个数”设置为“2”,设置后效果如下。当上传图片超过2个时,界面会提示“最多只能传输2个文件”。 图4 查看设置效果 单文件最大上传大小(MB):允许上传图片的大小。 上传文件类型:默认“image/*”可上传全
为0~50px。 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。 颜色:设置边框显示的颜色。 圆角:给元素添加圆角效果,设置圆角的大小和位置。 默认值为0px,范围为0~500px。 背景:设置组件样式的背景颜色。 阴影: X:X偏移,阴影相对于其源元素在
例如:组件配置保留小数位为两位,联动的源数据值是3.142 ,则默认四舍五入显示为3.14。联动的源数据值是3.1,则默认补齐位数显示为3.10。 图4 效果一 图5 效果二 步长:设置数字的增减幅度。 父主题: 表单常用组件介绍
为0~50px。 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。 颜色:设置边框显示的颜色。 圆角:给元素添加圆角效果,设置圆角的大小和位置。 默认值为0px,范围为0~500px。 背景:设置组件样式的背景颜色。 阴影: X:X偏移,阴影相对于其源元素在
应用图标:此处设置的图标,用于在门户中显示。对上传图片的大小没有限制,系统会自动进行同比例缩放,建议不要使用太大的图片。 图1 应用图标在门户中显示效果 应用名称:根据应用的实际用途或功能进行设置,长度不能超过32个字符。 应用描述:建议设置为应用的功能或使用场景,方便用户快速了解和使用应用,长度不能超过128个字符。
的个数。 最多选中数:设置下拉选项,最多允许选中的个数。开启“多选”时,才需要配置。 例如,“最多选中数”设置为“2”,设置后效果如下: 图2 设置后效果 选择类型:设置选项的类型,如自定义选项、关联其他表单数据或数据联动。 选项:设置组件选项的显示内容,最多支持添加80个。 “
运行态展示效果 提交设置:勾选“同一账号只能提交一次”后,在运行态同一账号不支持重复提交表单内容。 提交后跳转的页面:设置表单提交成功后,跳转的页面。 图6 提交表单默认跳转页面 表单显示企业信息:单独访问表单时,是否在表单下发显示租户的名称。 图7 设置为显示后的效果 步骤4:发布表单