SAP Fiori Elements 应用里和 Fiori 3 相关的外观设置
2023-09-14 09:02:39 时间
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的原创文章,尽在:“汪子熙”:
相关文章
- [AWS SAP] Architecture Patterns - Monitoring, Logging and Auditing
- [SAA + SAP] 21. SNS
- 62. 如何通过增强(Enhancement) 的方式给 SAP ABAP 标准程序增添新功能
- 123. 使用 Busy Dialog 动画阻止 SAP UI5 应用按钮短时间内快速被点击
- 26. SAP UI5 应用里 OData 服务配合 Mock 服务器的使用步骤详解
- 通过 FileUploader 的初始化,了解 SAP UI5 应用的 StaticArea 初始化逻辑
- SAP UI5 应用开发教程之七十五 - 如何采用SAP UI5 主从表格的联动技术显示复杂表格内容试读版
- SAP UI5 应用的 Component.js 文件是如何在运行时被加载的?
- 部署 SAP UI5 应用到 SAP BTP 时遇到的 fiori not found 错误消息
- SAP UI5 初学者教程之二十八 - SAP UI5 应用的集成测试工具 OPA 介绍试读版
- SAP UI5 初学者教程之二十二 - 过滤器 filter 的开发和使用试读版
- 对 SAP UI5 应用使用 uiveri5 执行测试的 ERR_CONNECTION_REFUSED 错误
- 使用 yo 命令行向导给 SAP UI5 应用添加一个新的视图
- SAP CRM和Cloud for Customer中的Event handler(事件处理器)
- 在WebIDE里导入SAP Fiori应用
- 一个具体的例子学习SAP S/4HANA里Fiori应用的排错分析
- 一步步学习 SAP CDS view Text Association 在 SAP Fiori Elements 中的应用
- 使用URL直接进入SAP CRM WebClient UI某个订单的明细页面
- 如何让SAP S/4HANA的Material Fiori应用配置到Fiori Launchpad里
- 关于 SAP Spartacus Shell App 客户应用的调试
- SAP CRM orgman set的更改会触发Pricing set的创建
- SAP CRM Pricing Procedure中的Doc和Customer Procedure在哪里维护
- 如何使用 SAP Kyma 控制台手动发送 SAP Commerce Cloud Mock 应用暴露的事件
- 使用View modification扩展SAP Fiori应用的一个案例
- 如何在 SAP BTP 平台上重用另一个已经开发好的 service
- 如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上
- 在Windows电脑上调试安装在iOS设备上的SAP UI5应用
- SAP云平台CloudFoundry环境下的环境变量使用
- 使用工具分析 SAP UI5 应用前端执行的性能问题
- Angular 事件绑定语法在 SAP Spartacus Popover Component 中的一个应用