Java Portal中的Favicon和FLP Home的标题

2020-09-14 13:32发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

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


您好,有没有办法在Java门户中更改Favicon和FLP主页的标题? 它始终显示"主页"和此花朵图标。 我想对它进行自定义,因为几个系统都有FLP,它们全都称为" Home",这可能会造成混淆。 我尝试添加一个JavaScript,将document.title更改为URL iView到框架页面,但这没有用。 我向FLP角色添加了一个插件iView,该插件的功能相同,并且可用于FLP的初始加载,但是在向后导航或向主页导航后,它再次显示为"主页" ...我不敢相信现在有 自定义此方法? 我的意思是这对我来说是一个非常基本的要求。

->系统为NW 7.5 SP11

非常感谢。

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

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


您好,有没有办法在Java门户中更改Favicon和FLP主页的标题? 它始终显示"主页"和此花朵图标。 我想对它进行自定义,因为几个系统都有FLP,它们全都称为" Home",这可能会造成混淆。 我尝试添加一个JavaScript,将document.title更改为URL iView到框架页面,但这没有用。 我向FLP角色添加了一个插件iView,该插件的功能相同,并且可用于FLP的初始加载,但是在向后导航或向主页导航后,它再次显示为"主页" ...我不敢相信现在有 自定义此方法? 我的意思是这对我来说是一个非常基本的要求。

->系统为NW 7.5 SP11

非常感谢。

付费偷看设置
发送
5条回答
大简至美
1楼-- · 2020-09-14 13:36

你好Tobias,

您可以检查KBA 1906707 -如何自定义favicon.ico 适用于SAP NetWeaver 7.1X及更高版本。


最诚挚的问候,

Konstantia

槿木_熙
2楼-- · 2020-09-14 14:01

感谢您的答复,但这不是我的问题。 我有门户网站的图标,但Launchpad Shell覆盖了它。 所以这对我没有帮助。

最诚挚的问候,

Tobias

zhangjiyang1323
3楼-- · 2020-09-14 13:48

嗨Tobias,

我认为要执行此操作,您需要将其设置为代码级,类似于:

https://blogs.sap.com/2017/01/08/complete-the-branding-of-your-ui5-apps-with-a-favicon /

 sap.ui.require([
 " jquery.sap.global"
 ],函数(jQuery){
 jQuery.sap.setIcons({
 favicon:" img/favicon.ico",
//...
 });
 });
 

但是我不确定您是否可以根据文档使用自定义的Fiori Bootstrap插件来做到这一点:

https://help.sap.com/查看器/f2f3f4b4543a4803b9023e8c31f1e72a/7.5.9/zh-CN/d1da73f0560a4eb18194207c9c3d81e6.html

让我检查一下并回复您,

最诚挚的问候,

尼克

Doze时光
4楼-- · 2020-09-14 13:40

关于此的任何新闻? 因为我经常对此问题获得负面反馈,所以会对我有很大帮助:(。

/BR Tobias

葫芦娃快救爷爷
5楼-- · 2020-09-14 13:44

Hi Tobias,

对不起,我很抱歉。 我能够使用自定义FLP插件和插件配置iview( https://help.sap.com/viewer/f2f3f4b4543a4803b9023e8c31f1e72a/7.5.11/en-US/82969da407bd4ea0800aef161d928dcd.html )和FLP扩展名( https://help.sap.com/viewer/webide-flpextensibility )。

我可以使用:

 jQuery.sap.setIcons({
                 '电话': '',
                 'phone @ 2':'',
                 '平板电脑':'',
                 'tablet @ 2':'',
                 'favicon':'https://github.com/favicon.ico',
                 'precomposed':true
             });

 

这将我的FLP设置为自动使用Github图标。 我编写的代码基于FLP插件示例代码(以下代码大部分是FLP插件示例代码,并进行了一些调整,以加载jQuery库并在运行时替换favIcon):

 sap.ui.define([
     " sap/ui/core/Component",
     " sap/m/Button",
     "树汁/米/巴",
     " sap/m/MessageToast",
     " jquery.sap.global"
 ],函数(组件,按钮,栏,MessageToast,jQuery){

     return Component.extend(" com.nick.myplugin.Component",{

         元数据:{
             "清单":" json"
         },

         初始化:函数(){
             var rendererPromise = this._getRenderer();

            //这是示例代码。 请替换为您的实现!
           /**
              *添加带按钮的页脚
              */
             rendererPromise.then(function(oRenderer){
                 oRenderer.setFooterControl(" sap.m.Bar",{
                     id:" myFooter",
                     contentLeft:[新按钮({
                         文字:"重要信息",
                         按下:功能(){
                             MessageToast.show("已对此SAP Fiori Launchpad进行扩展,以改善您的体验");
                         }
                     }]]
                 });
             });

           /**
              *将项目添加到页眉
              */
             rendererPromise.then(function(oRenderer){
                 oRenderer.addHeaderItem({
                     图标:" sap-icon://add",
                     工具提示:"添加书签",
                     按下:功能(){
                         MessageToast.show("已对此SAP Fiori Launchpad进行扩展,以改善您的体验");
                     }
                 },true,true);
             });

           /**
              *在"我的区域"中的选项栏(以前称为操作菜单)中添加两个按钮。
              *仅在打开SAP Fiori启动板的主页时,第一个按钮才可见。
              */
             rendererPromise.then(function(oRenderer){
                 oRenderer.addActionButton(" sap.m.Button",{
                     id:" myHomeButton",
                     图标:" sap-icon://sys-help-2",
                     文字:" FLP页面帮助",
                     按下:功能(){
                         MessageToast.show("您按下了打开帮助页面的按钮。");
                     }
                 },对,错,[sap.ushell.renderers.fiori2.RendererExtensions.LaunchpadState.Home]);

               /*
                  *仅当打开应用程序时,第二个按钮才可见。
                  */
                 oRenderer.addActionButton(" sap.m.Button",{
                     id:" myAppButton",
                     图标:" sap-icon://sys-help",
                     文字:"应用页面帮助",
                     按下:功能(){
                         MessageToast.show("您按下了打开应用程序帮助页面的按钮。");
                     }
                 },对,错,[sap.ushell.renderers.fiori2.RendererExtensions.LaunchpadState.App]);
             });
         },

       /**
          *以可靠的方式返回shell渲染器实例,
          *,即独立于插件的初始化时间。
          *这意味着如果当前渲染器将立即返回
          *已经创建(创建渲染器后加载插件)或
          *侦听" rendererCreated"事件(已加载插件
          *在创建渲染器之前)。
          *
          * @returns {object}
          * jQuery承诺,使用渲染器实例解析,或
          *拒绝并显示错误消息。
          */
         _getRenderer:函数(){
             var that = this,
                 oDeferred =新的jQuery.Deferred(),
                 渲染器;

             jQuery.sap.setIcons({
                 '电话': '',
                 'phone @ 2':'',
                 '平板电脑':'',
                 'tablet @ 2':'',
                 'favicon':'https://github.com/favicon.ico',
                 'precomposed':true
             });

             that._oShellContainer = jQuery.sap.getObject(" sap.ushell.Container");
             如果(!that._oShellContainer){
                 oDeferred.reject(
                     "非法状态:shell容器不可用;此组件必须在统一的shell运行时上下文中执行。"
             }其他{
                 oRenderer = that._oShellContainer.getRenderer();
                 如果(oRenderer){
                     oDeferred.resolve(oRenderer);
                 }其他{
                    //渲染器尚未初始化,请监听rendererCreated事件
                     that._onRendererCreated =函数(oEvent){
                         oRenderer = oEvent.getParameter(" renderer");
                         如果(oRenderer){
                             oDeferred.resolve(oRenderer);
                         }其他{
                             oDeferred.reject("非法状态:shell渲染器在收到'rendererLoaded'事件后不可用。");
                         }
                     };
                     that._oShellContainer.attachRendererCreatedEvent(that._onRendererCreated);
                 }
             }
             返回oDeferred.promise();
         }
     });
 });



 

如果要在setIcons函数中使用较大的电话设备图标(电话,phone @ 2,平板电脑等),则可以添加缺少的图标属性。

最诚挚的问候,

尼克

一周热门 更多>