欢迎浏览sook云!

网站地图

当前位置:主页 > 大宽带 > 发展 >

网站服务器_阿里企业邮箱配置_优惠

时间:2021-10-11 07:19

人气:

作者:sook云

导读:大家好, 目标受众 使用Fiori 2.0的SAPUI5/SAP Fiori开发人员。 简介 在本博客中,我们将了解如何在不影响启动板主题的情况下在SAPUI5应用程序中使用自定义样式表。我们还将了解如何在...

网站服务器_阿里企业邮箱配置_优惠

大家好,

目标受众

使用Fiori 2.0的SAPUI5/SAP Fiori开发人员。

简介

在本博客中,我们将了解如何在不影响启动板主题的情况下在SAPUI5应用程序中使用自定义样式表。我们还将了解如何在Fiori 2.0 Launchpad中覆盖桌面版的默认紧凑样式。

比如,关于云服务器,我希望Launchpad保留在伯利兹主题中,但我的应用程序单独有后台,返利app下载,我将为我的应用程序使用自定义样式表。

但是在Fiori 2.0中,当与SAP Fiori launchpad集成时,使用自定义样式设计的SAPUI5应用程序可能无法按预期工作。

在本例中,它将样式应用于整个launchpad,因此launchpad的背景将变为黑色。

随着Fiori 2.0的出现,我们的应用程序必须经历一些变化才能适应启动板的变化,大数据中心是什么,桌面版本的内容密度在启动板中默认为压缩版本,在启动板设置中编辑它的设置保持禁用状态,云零售,如下面的屏幕截图

问题1:自定义CSS-特定应用的CSS应用于整个启动板!

假设我的应用程序的所有CSS都放在一个外部样式表中样式表。我将应用程序集成到Fiori Launchpad 2.0中,CSS也应用到整个Launchpad中。这是因为应用程序从启动板的同一个shell实例运行,因此CSS出现问题。

解决方案

要解决这个问题,我们确保CSS文件在应用程序关闭时被禁用,在应用程序打开时被启用。

清单.json

输入样式表的id清单.json文件

组件.js

在中访问此文件组件.js分别在init和destroy方法中启用和禁用

在destroy方法中组件.js,使用jquery的"prop"函数并添加以下代码以禁用样式表

类似地,在init方法中,使用jquery的"prop"功能添加以下代码以启用样式表

这将阻止自定义CSS应用于整个launchpad。

请查找launchpad主页(伯利兹主题)和我的自定义应用程序(自定义CSS)的屏幕截图

launchpad主页

带有自定义CSS的应用程序

问题2:通过默认

Fiori 2.0提供了在移动设备上将内容密度从紧凑变为舒适的功能。但是,欧洲云服务器,如果您也想要一个舒适的桌面样式,这个选项在设置中被禁用,并且默认为桌面的压缩模式。

解决方案

要有一个舒适的桌面样式,我们只需要在中设置样式组件.js并将其应用于应用程序中的所有视图。

组件.js

控制器

为视图中的所有视图编写这行代码桌面版的应用程序和舒适密度也将恢复。

感谢Sangeetha T的宝贵投入

温馨提示:以上内容整理于网络,仅供参考,如果对您有帮助,留下您的阅读感言吧!
相关阅读
本类排行
相关标签
本类推荐

关于我们 | 版权声明 | 广告服务 | 友情链接 | 联系我们 | 网站地图

Copyright © 2002-2020 sook云 版权所有 备案号:豫ICP备36548666号
本站资料均来源互联网收集整理,作品版权归作者所有,如果侵犯了您的版权,请跟我们联系。