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

已于 2024-10-13 22:51:35 修改
阅读量395 收藏
点赞数
分类专栏： SAP UI5 百科全书 文章标签： SAP UI5
于 2021-04-20 12:20:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/i042416/article/details/115901394
版权

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 和 显示图标，效果如下：

5. 动手开发第一个 SAP Fiori Elements 应用
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
06-03 1680
本教程的前五篇文章，我们已经为 SAP Fiori Elements 的创建做了足够的铺垫。是动手开始创建第一个 Fiori Elements 应用的时候了。大家可以跟着笔者一起，在本地电脑上用 Visual Studio Code 一步步创建 Fiori Elements 应用了。大家在动手之前，请务必按照上述编号为1的文章，完成自己本地 Visual Studio Code 的安装和环境搭建。如果大家在做的过程中遇到各种问题，可以在文末评论区留言，把你们遇到的错误消息发给我，或者把错误截图私信给我。
迈入 SAP Fiori Elements 开发的大门 - 什么是 Fiori Elements，它和 Freestyle UI5 开发方式有何区别？
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-15 2029
Fiori Elements 和 SAP UI5 Freestyle 是两种不同的开发方式，二者各有其优势和应用场合。如果 SAP UI5 应用开发需要在极短的时间快速完成，并且应用仅仅需要完成 SAP Fiori Elements 预置模板就能覆盖的标准流程，对灵活性，自由度和可扩展性没有太多要求，那么 Fiori Elements 是比较合适的选择。 如果应用需要实现非标准化的业务流程和用户界面，对定制化，可扩展性和灵活性有较高要求，则推荐使用 Freestyle UI5 开发方式。
SAP 的界面样式 样式 样式
10-31
SAP 的界面样式SAP 的界面样式SAP 的界面样式SAP 的界面样式
sap开发语言_SAP Fiori 3.0将改变您使用SAP的方式
weixin_39636717的博客
11-23 345
作为企业级产品和应用的头牌，SAP的产品一直注重并主打简化和自动化企业业务流程。这也导致了很多SAP系统的终端用户，在面对无聊的操作界面时候，拼命吐糟他的不友好。为了改善用户友好性方面的槽点，SAP在2012年正式推出了SAP Fiori，且取得了不错的用户反馈。在Fiori上，SAP也拼命做着迭代，除了目前主流的SAP Fiori 2.0，更多的人也在期盼SAP Fiori 3.0的到来。1. ...
sap更改主题_SAP主界面图片更改
weixin_35652867的博客
12-30 2558
SAPgui 提供了丰富的界面风格设定功能，跟 Windows 桌面主题一样，可以任意设定自己喜欢的颜色风格。不过美中不足，它的背景图片却比较单调，天天看惯了正式系统的蔚蓝水池或者 IDES 系统的小小图标，是不是想换个图片看看呢？下面就教你如何更换系统登录后的背景图片，比如换成公司的 Logo 或者平面广告等。YI_IMAGE_003_100第一步是上传我们自己的图片。首先：用事务码 SMW0 ...
SAP GUI登陆界面图片更换
我的心是烈日簇拥的花，在你的眼里找到了家
09-05 1490
SAP登陆界面的图片不太好看，换一个客户需要的图片上去。
SAP设置系统界面的主题风格
LikZ_WM的博客
11-18 7035
选择其中一种主题，例如SAP Signature Theme。勾选接受Fiori可视主题→选择主题预览/设置。选择SAP GUI 设置和操作→选项。
1. SAP Fiori Elements 开发环境的搭建和开发准备工作
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-17 2273
本文介绍了本地使用 Visual Studio Code 进行 Fiori Elements 开发所需要安装的这个扩展包里6个能够提高 Fiori Elements 应用开发效率的扩展。在本教程后续步骤里我们会通过实际的例子介绍这些 Visual Studio Code 扩展的详细用法。
SAP Freestyle UI5 和 SAP Fiori Elements 应用的区别
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
07-03 656
来自官方的解释 与您在创建基于 SAP Fiori Elements 的 UI 部分中构建的基于 SAP Fiori 元素的应用程序有何不同？如前所述，freestyle 应用程序和 SAP Fiori 元素应用程序均基于 SAPUI5。 可以将 SAP Fiori 元素应用程序视为使用 SAPUI5 构建的巨型播放器，其中大部分代码位于您自己的开发项目之外的中央组件中。它的大部分逻辑都是开箱即用的，并由来自 OData 服务的元数据控制。 另一方面，自由式 UI5 应用程序主要存在于您自己的项目中 - 所
SAP CAP Fiori Elements 应用配置 UI 的两种方式以及自定义 index.html
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-09 520
第一种方法 编辑 app 里的 manifest.json 文件： { "_version": "1.32.0", "sap.app": { ... "sap.ui5": { ... "routing": { ... "targets": { ... "RisksObjectPage": {
Axure Library 部件库 - Design Stencils
02-03
Design stencils are ready-to-use drafts of SAP Fiori layouts, patterns and controls. You are welcome to use the design stencils to visualize your SAP Fiori app ideas in Axure RP. They are easy to use and give you a realistic impression of your final design. The download package also includes the SAPUI5 icon font. Source: https://experience.sap.com/fiori-design-web/downloads/#axure-design-stencils
学习SAP Fiori，需要先了解哪些知识点？
热门推荐
SAP领域技术博客
04-24 1万+
1. 说一说SAP的UI风格 在开始正式内容之前，先闲聊几句。SAP为啥要推Fiori？ 熟悉SAP的朋友，对于SAP GUI一定不会陌生，它是这个样子的（如下图）。 刚接触SAP GUI的人，无一不吐槽SAP GUI“丑陋”的页面风格。经常可以听到有人调侃，能够操作SAP GUI，是一项“专业技能”。 可以说，SAP GUI在某种程度上，也成为了SAP系统的一个经典符号，它虽然“丑陋...
SAP Fiori 3 的 Quartz Theme 在 WebClient UI 和 SAPGUI 中的应用
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
01-24 268
Quartz Dark 是为 SAP Fiori 应用程序创建的附加主题，用于在需要或不可避免的低光环境中工作。新的 SAP Quartz Light 主题已可用于 SAP S/4HANA S/4HANA Service（版本号为 SAP S/4HANA 1909）。如果客户在独立模式下使用 WebClient UI，则可以从个性化 - 个性化布局中选择 SAP Quartz Light 主题。除了更新 shell 标题栏中的操作位置外，SAP 还更新了应用程序中的操作位置，使按钮的位置更加直观。
关于Fiori的基础知识（三）
Joseph的博客
12-07 2752
这一章我们继续学习Fiori的基础知识，根据官网给定的API，我们来实现一个网页常用的顶部菜单栏。我们需要使用sap.tnt库下的ToolHeader这一API。先来了解下ToolHeader，ToolHeader控件是一个水平容器，最常用来显示按钮、标签和其他各种输入控件。工具头控件基于sap.m.OverflowToolbar。它包含结构清晰的命令菜单，这些命令在同一工具布局中的不同应用程序中...
SAP Fiori学习笔记
喜欢打酱油的老鸟
04-22 1262
资料链接：有些是需要自带梯子的哦～ Fiori Design Guidelines​experience.sap.com戴团长：SAP Fiori Design​zhuanlan.zhihu.com如何评价 SAP Fiori Design Guidelines？​www.zhihu.comhttps://mp.weixin.qq.com/s?__biz=MzIyNjY4NjQ3Ng==&mid=2247483792&idx=1&sn=7128698a3180eeb522ee37d
SAP UI5 应用里使用 CSS 调整应用外观的一些例子
最新发布
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
11-27 864
本文介绍了两种基于 UI5 和 Angular 开发的企业级前端应用里，如何通过调整 CSS 来实现客户的页面定制化需求，希望对工作于类似需求的同事有所启发。
R语言文本主题模型之潜在语义分析（LDA:Latent Dirichlet Allocation）
大数据部落
06-17 5357
原文：http://tecdat.cn/?p=3897 文本分析：主题建模 library(tidyverse) theme_set(theme_bw()) 目标 定义主题建模 解释Latent Dirichlet分配以及此过程的工作原理 演示如何使用LDA从一组已知主题中恢复主题结构 演示如何使用LDA从一组未知主题中恢复主题结构 确定为k 选择适当参数的方......
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

汪子熙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值