SAP Fiori Elements 应用里和 Fiori 3 相关的外观设置

SAP Fiori Elements 应用使用了 SAP Fiori 3 的外观。这一点从 Fiori Elements 应用里使用的 css 规则所在的 css 实现文件路径可以发现：

http://localhost:8080/resources/sap/m/themes/sap_fiori_3/library.css

修改 css class .sapFAvatarSquare 的 border-radius 属性，能调整图标圆角的弧度。

修改 .sapFAvatarColorAccent6, 能修改 Fiori Elements 应用里 Avatar 的背景颜色。发现连右上角用户的 User Profile 背景色也跟着被修改了：

修改 Fiori Elements 本地注解文件里的 UI.HeaderInfo 里的 TypeName property 和 TypeImageUrl 的值为 sap-icon://sap-ui5：

能修改 SAP Fiori Elements List Report 明细页面(称为 Object Page) 的抬头 label 和显示图标，效果如下：

更多Jerry的原创文章，尽在：“汪子熙”:

SAP Fiori Elements 应用里和 Fiori 3 相关的外观设置相关推荐

SAP Fiori Elements 框架里 Smart Table 控件的工作原理介绍
这是 Jerry 2021 年的第 34 篇文章,也是汪子熙公众号总共第 310 篇原创文章. Jerry 前一篇文章深入掌握 SAP Fiori Elements 工作原理系列之二:如何给 Fio ...
SAP Fiori Elements 应用里的 Title 显示的内容是从哪里来的
仅从静态代码分析来看,title 数据源有两处: flpSandbox.html 里的 title 标签 manifest.json 文件里 sap.app 字段下的 title 字段. 下图这个语法 ...
在SAP Business Application Studio里创建Fiori应用的操作流程
SAP Spartacus全局配置里和路由Route相关的配置
在configuration.service.ts里查看config对象: 展开routing字段: 所有路由配置信息都在里面: 和产品相关的路由信息: 要获取更多Jerry的原创文章,请关注公众号& ...
如何在 SAP Fiori Elements List Report 表格工具栏里增添新的自定义按钮
如下图所示,这是 SAP Fiori Elements List Report 一个例子,我们想在表格工具栏里,新增一个自定义按钮: 实现方式在 SAP Fiori Elements 项目工程里,修 ...
SAP Fiori Elements 应用 manifest.json 文件里 resources.json 的含义
在使用 Visual Studio Code Fiori Tools 生成的 SAP Fiori Elements 应用里,在工程描述文件 manifest.json 里,有这样一个字段: &quo ...
如何给 SAP Fiori Elements 应用的字段添加 value help
在 Jerry 的前一篇文章如何在 SAP BTP 上通过 CDS view 快速创建 Fiori Elements 应用里,我们已经根据 CDS view 创建了一个 Fiori Elements ...
SAP Fiori Elements 公开课第三单元学习笔记 - OData 和注解深入讲解
课程地址很多 SAP 从业者反映,open SAP 上的视频,因为网络原因无法访问,所以我会陆续在我的个人微信号"汪子熙"上面,把这些视频配上中文字幕并发布出来,敬请关注. ...
SAP Fiori Elements 公开课第一单元概要介绍
Open SAP 课程地址很多 SAP 从业者反映,open SAP 上的视频,因为网络原因无法访问,所以我会陆续在我的个人微信号"汪子熙"上面,把这些视频配上中文字幕并发布 ...

SAP Fiori Elements 应用里和 Fiori 3 相关的外观设置

SAP Fiori Elements 应用里和 Fiori 3 相关的外观设置相关推荐

最新文章

热门文章