Как добавить изображение в заголовок оболочки на сайте портала фристайл? - PullRequest
Новая
       14

Как добавить изображение в заголовок оболочки на сайте портала фристайл?

0 голосов
/ 26 октября 2018

Мне нужно добавить изображение в заголовок сайта портала вольного стиля, которое при нажатии должно открыть новое окно с определенным URL.В настоящее время пытались добавить приведенный ниже код, но он выглядит очень маленьким, как изображение профиля.Но наше требование - сделать его более похожим на логотип и на правой стороне (как конечный элемент заголовка). 

var oImageItem = new sap.ushell.ui.shell.ShellHeadItem("imageId", {
                    icon: "/images/image1.png",
                    tooltip: "Click here",
                    //height: "100%",
                    showSeparator: false,
                    href: "HarcodeURL",
                    target: "_blank"

                });
                oRendererExtensions.addHeaderEndItem(oImageItem);

Ответы [ 2 ]

0 голосов
/ 29 октября 2018

Эта ссылка может быть очень интересной: Как разместить логотип или значок в центре заголовка Unified Shell?

Вы должны изменить «Центр» на «Право» и «Значок» на «Изображение»

Это будет выглядеть так: 

var oShell = new sap.ui.unified.Shell("oShell", {
   header: [
     new sap.m.FlexBox({
       justifyContent: sap.m.FlexJustifyContent.Center,
       items: [
         new sap.ui.core.Icon({
           src: "sap-icon://home"
         })
       ]
     })
   ]
});

Вы также можете изменить «FlexBox» на «VBox».

0 голосов
/ 26 октября 2018

Этот элемент не существует. Используйте элемент "sap.m.Image". ( SDK sap.m.Image )

Код с XML: <m:Image src="/images/image1.png" width="100px" press="openNewWindow">

Код с JS: 

var oImageItem = new sap.m.Image("imageId", {
                src: "/images/image1.png",
                tooltip: "Click here",
                width: "100px",
                press="openNewWindow"
            });

Событие нажатия в контроллере:

openNewWindow: function(){ window.open("https://www.hypej.com"); },

...