大家好,
目标受众
使用Fiori 2.0的SAPUI5/SAP Fiori开发人员。
简介
在本博客中,大数据处理平台,我们将了解如何在不影响启动板主题的情况下在SAPUI5应用程序中使用自定义样式表。我们还将了解如何在Fiori 2.0 Launchpad中覆盖桌面版的默认紧凑样式。
比如,我希望Launchpad保留在伯利兹主题中,但我的应用程序单独有后台,我将为我的应用程序使用自定义样式表。
但是在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的宝贵投入