检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置高级页面标签和名称,布局类型选择“流式布局”,单击“添加”。 图9 新建流式布局类型高级页面示例 绝对布局类型高级页面与流式布局类型高级页面不同之处。 在流式布局类型高级页面中,不可拖拽组件位置和大小,同样在“组件属性设置”栏中,也没有位置相关的设置选项。因为流式布局下组件将按照从上到下、从左到右的顺序依次排列。
工作流实例在运行态的显示名称。 在“BPM布局”中,单击实例详情后的,可编辑工作流运行态布局。 在编辑布局页面,可以修改“实例基本信息”、“当前任务”和“流程历史”的运行态显示标题,还可以编辑“流程历史”中需要显示的列。 图2 编辑布局 设置完成后,单击工作流设计页面上方的,保存工作流。
图2 流式布局中组件为块级元素 流式布局中,组件由上至下依次排布,可以通过“水平对齐方式”对容器内组件进行水平位置调整,如图3、图4所示。 图3 居中水平对齐 图4 靠右水平对齐 弹性布局 将“容器”组件属性面板中的“弹性布局”开启后,布局由流式布局切换到弹性布局,弹性布局的相关
如何配置应用布局 使用说明 应用布局是应用界面的框架,本章节介绍如何在管理中心修改应用框架的样式和颜色。 操作步骤 参考登录管理中心中操作,登录AstroZero管理中心。 在左侧导航栏中,选择“应用管理 > 应用导航”,单击应用后的。 设置应用布局样式。 图1 设置应用布局 主题颜色:系统预置了很多主题供您选择。
如何刷新AstroZero对象的页面布局? 场景描述 对象的标准页面提供了Button元素,可以通过定义Button来配置执行脚本,通过脚本刷新页面。 解决方法 参考什么是对象中操作,进入对象配置页面。 图1 进入对象配置页面 在标准页面,单击,获取锁。 从组件中,拖拽“按钮”组
在“布局与颜色”页签,设置应用布局样式。 主题颜色:系统预置的主题颜色。 图标:设置应用的Logo,如更改Logo图片、设置圆形图标和隐藏文字。将鼠标放在“图标”下的图片上,选择“更改”,可更改应用Logo。 布局:选择“布局”中的样式,在右侧区域设置布局参数,如菜单、子菜单、页签、应用标题的字体及颜色等。
在应用配置页面,选择应用所在的类别(例如App),单击具体的应用。 在左侧导航栏中,选择“应用布局”。 只有App和Addon类型的应用,才会显示“应用布局”和“菜单配置”。 在应用布局页面,设置应用布局的样式。 图1 设置应用布局样式 主题颜色:设置应用的主题颜色,系统预置了很多主题供您选择。 图标:
单击,在运行态配置页面的“实例显示名”中,可配置BPM运行后,BPM实例在运行态的显示名。 在运行态配置页面的“BPM布局”区域,单击实例详情后的,可编辑BPM运行态布局。 图4 编辑BPM运行态布局 在编辑布局页面,支持修改“实例基本信息”、“当前任务”、“流程历史”的运行态显示标题,还可以编辑“流程历史”中需要显示的列。
划线组成,且不能以下划线结尾。 CommodityDisplay 布局类型 选择高级页面的布局模式。 绝对布局:在绝对布局中,每个组件可在页面中任意位置进行拖拽放置,组件的宽高可自定义设置。 流式布局:在流式布局中,拖拽到页面中的组件,将根据从上到下、从左到右的顺序依次排列,组件
在使用路由导航和路由视图组件时,该组件的页面和路由导航关联的页面布局类型必须为“流式布局”(即响应式布局,该布局下的Widget位置会随着Widget本身大小和页面大小自动调整)。在页面中,使用路由导航和路由视图组件的方法如下: 已开发好布局类型为“流式布局”的高级页面。 请参考创建AstroZero
根据layout_id查询对象布局 功能介绍 按照layout_id查询对象布局。 URI GET AstroZero域名/u-route/baas/metadata/v1.0/object/{object_id}/Layout/{layout_id} 表1 路径参数 参数 是否必选
在使用路由导航和路由视图组件时,当前使用该组件的页面和路由导航关联的页面布局类型必须为“流式布局”(即响应式布局,该布局下的Widget位置会随着Widget本身大小和页面大小自动调整)。在页面中,使用路由导航和路由视图组件的方法如下: 已开发好布局类型为“流式布局”的高级页面。 例如,已开发好“home”、
开发者开发完应用后,支持修改应用导航框架的布局、元素和样式,来提升用户体验、增强应用的可用性和美观等。 设置应用的外观 参考登录AstroZero新版应用设计器中操作,登录应用设计器。 在左侧导航栏中,选择“设置”,进入应用设置页面。 图1 选择设置 在外观设置中,设置应用布局样式。 桌面端:设置应用在PC端显示的样式。
平台内部的规则是“/besBaas/page#/页面名称”。对象的布局页面也是通过标准页面实现的,所以可以通过查看对象的布局页面,了解标准页面URL的定义规则。具体步骤如下: 进入对象详情页面,选择“布局”。 图1 对象的布局页面 在对象列表中,单击对应对象后的查看图标。 图2 查看对象
+对象名+ __布局名”。 约束限制: 不涉及。 取值范围: 不涉及。 默认取值: 不涉及。 existingPageLayout 是 String 参数解释: 现有页面布局的ID,获取方法如下: 进入已创建的应用。 在模块树中,单击已创建的对象。 在“布局”页签,即可获取页面布局的ID。
图6 流式布局中组件为块级元素 流式布局中,组件由上至下依次排布,可以通过“水平对齐方式”对容器内组件进行水平位置调整,如图7、图8所示。 图7 居中水平对齐 图8 靠右水平对齐 弹性布局 将“容器”组件属性面板中的“弹性布局”开启后,布局由流式布局切换到弹性布局。在弹性布局
分别进行设计与开发。 图2 视图切换 流式布局与绝对布局的自适应设计 以电脑端为例,分别为您介绍流式布局与绝对布局的自适应设计。 流式布局 流式布局为自适应布局,用于常规Web应用开发,例如电商网站、管理网站等。流式布局为12列栅格布局,可拖动组件右侧边界,按栅格进行组件宽度调
为了便于搜索高级页面,可以在此处自定义一些关键字。 布局类型 在AstroZero中创建高级页面时,提供了两种布局模式的页面布局供您选择,请按需进行选择。 绝对布局:在绝对布局中,每个组件可在页面中任意位置进行拖拽放置,组件的宽高可自定义设置。绝对布局常用于大屏页面的开发。 流式布局:在流式布局中,拖拽到页面中的
根据object_id查询对象布局 功能介绍 按照object_id查询对象布局。 URI GET AstroZero域名/u-route/baas/metadata/v1.0/object/{object_id}/Layout 表1 路径参数 参数 是否必选 参数类型 描述 object_Id
这样能更好的自适应电脑端和移动端设备。 流式布局与绝对布局的自适应设计 以电脑端为例,分别为您介绍流式布局与绝对布局的自适应设计。 流式布局 流式布局为自适应布局,用于常规Web应用开发,例如电商网站、管理网站等。流式布局为12列栅格布局,可拖动组件右侧边界,按栅格进行组件宽度调