将Fiori App中的自定义CSS部署到ABAP存储库时不应用 - EasySAP

SAPUI5 SAP Fiori css3

将Fiori App中的自定义CSS部署到ABAP存储库时不应用

2020-08-19 22:47发布

站内问答 / UI5

2041 6

点击此处---> 群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流）群内免费提供SAP练习系统（在群公告中）

大家好，

当Processflow Node的Focused设置为true时，我已经为流程流节点应用了自定义css，这是它在本地应用的css代码和xml代码，但是当它部署了ABAP存储库并在启动板中打开时，css样式类在检查元素时不应用，并且类本身不存在。

 .NodeFocusStyle .sapSuiteUiCommonsProcessFlowNodeDisplayStateFocused {
     背景颜色：#FABD64！important;
     边框颜色：#0092d1！
 }

（131.0 kB）

点击此处---> 群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流）群内免费提供SAP练习系统（在群公告中）

大家好，

当Processflow Node的Focused设置为true时，我已经为流程流节点应用了自定义css，这是它在本地应用的css代码和xml代码，但是当它部署了ABAP存储库并在启动板中打开时，css样式类在检查元素时不应用，并且类本身不存在。

 .NodeFocusStyle .sapSuiteUiCommonsProcessFlowNodeDisplayStateFocused {
     背景颜色：#FABD64！important;
     边框颜色：#0092d1！
 }

（131.0 kB）

6条回答

1楼 · 2020-08-19 23:02.采纳回答

 var sheet = new CSSStyleSheet（）;
 var sheet1 = new CSSStyleSheet（）;
 sheet.replaceSync（'。NodeFocusStyle .sapSuiteUiCommonsProcessFlowNodeDisplayStateFocused {background-color：#FABD64; border-color：#0092d1！important}'）;
 sheet1.replaceSync（'。NodePaddingStyle .sapSuiteUiCommonsProcessFlowNode3ZoomLevel3 {padding：Inherited！important}'）;
 document.adoptedStyleSheets = [sheet，sheet1];

2楼-- · 2020-08-19 23:25

嗨，专家们我找到了一个替代解决方案，我在Init方法中添加了CSS样式，就像这样，这是仅当样式较小时才具有自定义CSS代码的替代方法。

3楼-- · 2020-08-19 23:28

css/style.css足够了，不需要在此处放置名称空间

打个大熊猫

4楼-- · 2020-08-19 23:11

您可以共享全部内容吗？

5楼-- · 2020-08-19 23:15

是否可以检查开发工具的网络跟踪（如果已加载css文件）？您知道必须在清单中而不是索引页中定义css资源吗？

如果一切正常，您可能正在sap Web ide中使用其他ui5版本进行测试。 ui5版本之间的css可能不同，并且破坏了您的自定义css。对此请务必小心。

Kr，Wouter

当学会了学习

6楼-- · 2020-08-19 23:25

我发现在启动板中运行时未加载css文件的问题，尽管在清单中定义了

，却未加载的原因是什么？

一周热门更多>

点击此处---> 一起学习S4 HANA ...

相关问答