SAP Fiori应用Footerbar区域按钮的高亮显示逻辑

如果您够细心,您或许会发现有的SAP Fiori应用的footerbar区域内的按钮有高亮显示,有的则没有。

如何自己分析这两种按钮的实现原理?

还是借助Chrome Development Tool。更多Chrome development tool的使用技巧,参考我的博客

Chrome Development Tool tips used in my daily work

使用network tab可以观察到实现高亮实现的CSS class:

记下这个css class的名称sapMBtnEmphasized:

由此可见,这个class是在如下代码处设置的:

只要Fiori应用程序的controller是继承自BaseDetailController,则edit button一定会highlight:

要获取更多Jerry的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:

原文地址:https://www.cnblogs.com/sap-jerry/p/8469838.html

时间: 2024-10-12 09:30:52

SAP Fiori应用Footerbar区域按钮的高亮显示逻辑的相关文章

一步步把SAP GUI的事务码配置到SAP Fiori Launchpad里

今天是2020年1月31日鼠年大年初七,这是Jerry鼠年的第7篇文章,也是汪子熙公众号总共第206篇原创文章. Jerry之前的文章 为什么SAP GUI里的传统事务码能通过Fiori Launchpad启动 介绍了SAP GUI的事务码能够运行在SAP Fiori Launchpad里的原理,今天我们就来实际动手做一做,将SE80配置到SAP Fiori里并在浏览器里使用它. Jerry上高中时,正是暴雪公司发布即时战略神作<星际争霸>的时候,当时课堂上,下课后,教室里,操场上,同学们几乎

SAP Fiori和UI5的初学者导航

你是UI5和Fiori的新手?来对地方了. 对我来说,今年是不得不“跟上时代”去提升自己ABAP世界以外的技术技能的困难的一年.幸运的是,有很多可免费获得的信息和课程可以帮你实现这个跳跃.不要等着别人送你去训练——自己花时间提高技能! (译者注:原作者使用了大量的“great”作为形容词,我根据情景翻译为“好”.“优秀”.“很好”等,尽管如此,我还是感觉到了自己用词上的贫乏,有些地方可能无法尽达其意) 学习web技术技能 了解UI5的基础部分HTML, CSS, Javascript和JQuer

SAP Fiori 2.0中文版系列视频教程(中文首发)

前言 SAP Fiori是SAP前端UI产品唯一移动开发框架, 同样也是SAP公司在跨产品线上对用户界面进行改进的一个重要举措,随着SAP S/4HANA逐步成为企业的神经枢纽和现代化数字的核心,SAP Fiori 2.0 也必将成为SAP S/4HANA产品系列中用户体验上最大的革新,更是趋势所在,无论是一名资深的咨询顾问,还是前端开发人员,了解和学习SAP Fiori的开发以及咨询工作,势在必行! 鉴于目前国内市场,SAP Fiori的技术文档非常少见,更没有相关视频教程以供参考,本人从事了

[置顶] SAP Fiori 2.0中文版系列视频教程(中文首发)

前言 SAP Fiori是SAP前端UI产品唯一移动开发框架, 同样也是SAP公司在跨产品线上对用户界面进行改进的一个重要举措,随着SAP S/4HANA逐步成为企业的神经枢纽和现代化数字的核心,SAP Fiori 2.0 也必将成为SAP S/4HANA产品系列中用户体验上最大的革新,更是趋势所在,无论是一名资深的咨询顾问,还是前端开发人员,了解和学习SAP Fiori的开发以及咨询工作,势在必行! 鉴于目前国内市场,SAP Fiori的技术文档非常少见,更没有相关视频教程以供参考,本人从事了

从OData Service到SAPUI5一站式开发指南(SAP FIORI全栈开发)

前言 今年可以说是SAP FIORI达到了井喷式的发展,越来越多的人开始关注的SAP FIORI的动向,作为SAP开发的自身爱好者,前言技术的分享这,我从2013年开始涉足SAP FIORI 领域,并开发了众多的FIORI应用,今天给大家分享一下,传统的SAP FIORI开发我们通常要做哪些步骤. 后台数据库 对于传统的ECC系统, 之前做过很多都是Any DB, 其实前端(SAPUI5应用)不管如何更改,如何维护,最终的归宿都在SE11创建的数据库表中,所以我们需要对数据库表的创建和维护有一个

《SAP FIORI开发入门》课程上线

经过将近三个月的不懈努力,终于上线了本人的第一个网络在线教育课程<SAP FIORI 开发入门>.这其中,包含了本人的大量的心血.课程从一个基础层面,系统的阐述了 SAP FIORI 应用开发的各种技巧.通过这个课程的学习,我可以很自信的说:不管你之前的基础如何,只要你认真学习了,做了相应的练习,直接加入正式的项目是没有任何问题的.本课程原价28元,但是从现在开始25天内购买,价格是8.8元.并且只要购买了课程,就可以加入作者为这么课程开设的微信群,有任何课程内的技术问题都可以向作者提问.课程

《SAP FIORI 开发入门》课程答疑 第三期

课程上线十天,同学们在学习的过程中有了很多的问题,我也在回顾和复盘整个课程,有很多的细节还是做的不到位,有很多的地方讲的也不够明确,我会尽量在答疑的环节回答更多的问题.再次放上课程的连接:SAP FIORI开发入门 SAP 账号无法注册 目前,注册 SAP cloud 的账号是需要×××的,因为注册网站有一个 captha 需要×××加载,没有注册成功的学员可以和我联系,我会帮忙注册.另外,如果同学们已经有了 SAP 的 S 账号或者 P 账号,都可以直接使用,不需要重新注册. 如何用好网易云课

浅谈SAP Fiori的设计美感与发展历程

公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[Fiori系列]浅谈SAP Fiori的设计美感与发展历程 前言部分 大家可以关注我的公众号,公众号里的排版更好,阅读更舒适. 正文部分 最近一段时间比较忙,有很多读者的消息没有及时回复,公众号里消息回复有时长限制,而且超过时间就不能回复了,大家也可以选择在文章末尾留言,这样就不会有时间限制. 我在之前的文章推送里写了关于SAP Fiori的文

SAP Fiori应用的三种部署方式

封面图片来自Google搜索,关键字: Fiori Deployment 方式1 On premise环境下以BSP应用作为Fiori应用部署和运行的载体 典型的例子是SAP CRM这几个Fiori应用: 在Google上搜索关键字Fiori Architecture, 能找到这样一张图片,其中CRM和S/4 HANA的Fiori应用都以BSP应用的方式运行在下图我标注了红色方框的ABAP前台服务器上. 以CRM的My lead应用为例,在Chrome的development tool里能找到其