{"id":180,"date":"2013-06-02T11:41:19","date_gmt":"2013-06-02T09:41:19","guid":{"rendered":"https:\/\/blog.mindsquare.de\/ingo-biermann\/?p=180"},"modified":"2020-04-28T12:55:53","modified_gmt":"2020-04-28T10:55:53","slug":"motive-fuer-sap-portal-und-web-dynpro-verwenden","status":"publish","type":"post","link":"https:\/\/erlebe-software.de\/fiori\/motive-fuer-sap-portal-und-web-dynpro-verwenden\/","title":{"rendered":"Eines f\u00fcr alle im Corporate Design: Motive f\u00fcr SAP Portal und Web Dynpro verwenden"},"content":{"rendered":"\n

Für die Darstellung von SAP Web Applikationen im eigenen Corporate Design werden sogenannte Themes eingesetzt. Mit ein und demselben Theme lassen sich Portaloberflächen, Web Dynpro<\/a> Java und Web Dynpro ABAP Anwendungen individualisieren. “Unified Rendering” lautet das Stichwort. Für aktuelle Versionen zeigt sich aber ein Problem: Eine offizielle Unterstützung durch SAP gibt es nicht.
\n<\/strong><\/p>\n

<\/p>\n

Für Intranet-Seiten auf Basis des SAP NetWeaver Portals gehört es schon fast zum guten Ton: Das Portallayout wird an das Firmendesign angepasst. In der Regel reichen schon die Änderung der Grundfarben und das Ersetzen der Logos und Grafiken, um dem SAP Portal<\/a> einen individuellen Anstrich zu geben.<\/p>\n

Wenn Portalapplikation oder Web Dynpro Anwendungen im Portal<\/a> eingebunden sind, dann wird standardmäßig bereits das Portal-Theme für die Darstellung gezogen. Das Theme muss dazu allerdings schon deutlich detaillierter ausgeprägt werden. Für alle verwendeten UI-Elemente wie Buttons, Tabellen usw. lassen sich individuelle Einstellungen vornehmen.<\/p>\n

Das eigene Portal-Theme erstellen<\/h2>\n

Der Theme Editor befindet sich im Portal im Bereich Content Administration \/ Portalanzeige und ist mit der Rolle Content Admin erreichbar. Als Ausgangspunkt für ein neues Theme dient immer eines der von der SAP mitgelieferten Standardmotive, das dann individuell angepasst wird.<\/p>\n

\"Motive<\/a>

Motive für SAP Portal: Portal-Motiveditor<\/p><\/div>\n

Ist allerdings gar kein Portal verfügbar und soll nur um die Darstellung von Web Dynpro ABAP<\/a> Anwendungen gehen, dann hält die SAP einen alternativen Editor bereit. Der Java-Eclipse-UR-Editor ist ein Plugin für die Eclipse Entwicklungsumgebung. Allerdings wurde er nur unter einer Evaluierungslizenz angeboten und wird nicht supported. Die Klarstellung dazu findet sich in der SAP Note 1613933. Für die Motive der Version 7.3 funktioniert der Editor definitiv nicht korrekt.<\/p>\n

Im Grunde erzeugen beide Editoren das gleiche Ergebnis: Ein Paket aus CSS-Stylesheets, Grafiken und Konfigurationsdateien, die zusammen ein Unified Rendering Theme bilden. Wenn die Möglichkeiten der Theme Editoren nicht ausreichen, kann man auch direkt in den Konfigurationsdateien weitere Anpassungen vornehmen. Hier ist allerdings Vorsicht geboten. Nicht selten kommt es vor, dass eine Einstellung an der einen Stelle unvorhergesehene Auswirkungen an der andern Stelle hat.<\/p>\n

Im System einrichten<\/h2>\n

Im Portal-Kontext ist der nächste Schritt besonders einfach: Das Theme wird im Portal-Content-Directory abgelegt und dem verwendeten Portal Desktop zugeordnet. Wenn man möchte, kann man seinen Anwendern sogar mehrere Themes zur Verfügung stellen, die innerhalb der Personalisierung ausgewählt werden können.<\/p>\n

Wie schon erwähnt, wird das Portaltheme direkt auf Anwendungen übertragen, die über iViews eingebettet sind. Die gleiche Anwendung sieht dann unterschiedlich aus, je nachdem ob sie per iView oder direkt per Link auf den ABAP Stack gerufen wird. Über die Eigenschaft “Portal-Stylesheet bereitstellen” lässt sich dieses Verhalten übrigens auch ausschalten.<\/p>\n

Möchten Sie in Ihrem Unternehmen ein eigenes Stylesheet einführen, treten Sie doch mit uns in Kontakt. Mit unserer Lösung: Look & Feel Paket SAP NetWeaver Portal<\/a> stehen wir Ihnen mit Rat und Tat zur Seite.<\/p>\n

\"<\/a>

iView Eigenschaft Portal Stylesheet bereitstellen<\/p><\/div>\n

Custom Themes für Web Dynpro ABAP ohne Portal<\/strong><\/p>\n

Sofern kein Portal mitspielt, wird das Theme im Application Server ABAP eingespielt. Dazu steht in älteren NetWeaver Versionen den Report WD_THEMES zur Verfügung. Hier lassen sich Themes exportieren und importieren, so dass eine Verwendung “standalone” für Web Dynpro ABAP möglich ist.<\/p>\n

Um das Stylesheet bei einem Aufruf zu setzen wird der URL Parameter SAP-CSSURL verwendet:<\/p>\n

http:\/\/<host>:<port>\/sap\/bc\/webdynpro\/sap\/<application>?sap-cssurl=\/sap\/public\/<customTheme><\/strong><\/p>\n

Die Dokumentation sagt allerdings auch für WD_THEMES, dass dies keine offiziell unterstützte Variante ist:<\/p>\n

Important: This report is released for internal SAP use only.<\/strong><\/p>\n

Fazit<\/h2>\n

Unter dem Strich gilt: Ein einfaches Theme für Unified Rendering zu erstellen ist kein Hexenwerk. Es ist aber nicht nötig, mehrere Themes für die verschiedenen Anwendungen und Server zu erstellen. Im Standard erfolgt der Zugriff über ein Portal mit einem gemeinsamen Theme.<\/p>\n

Für Web Dynpro ABAP gibt es zurzeit keine offiziell unterstützte standalone Lösung. Gerüchteweise ist ein neuer HTML5 basierter Motiveditor unterwegs – dazu gibt es aber noch nichts Offizielles.<\/p>\n

Wenn Sie an weiteren Details zum Thema Unified Rendering interessiert sind, dann lassen Sie es mich über die Kommentarfunktion wissen.<\/p>\n

Links: https:\/\/service.sap.com\/sap\/support\/notes\/1613933<\/span><\/a><\/p>\n

 <\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"

Für die Darstellung von SAP Web Applikationen im eigenen Corporate Design werden sogenannte Themes eingesetzt. Mit ein und demselben Theme lassen sich Portaloberflächen, Web Dynpro Java und Web Dynpro ABAP Anwendungen individualisieren. “Unified Rendering” lautet das Stichwort. Für aktuelle Versionen zeigt sich aber ein Problem: Eine offizielle Unterstützung durch SAP gibt es nicht.<\/p>\n","protected":false},"author":18,"featured_media":17698,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"footnotes":""},"categories":[17033],"tags":[],"acf":[],"yoast_head":"\nMotive f\u00fcr SAP Portal und Web Dynpro verwenden<\/title>\n<meta name=\"description\" content=\"Mit ein und demselben Theme lassen sich Portaloberfl\u00e4chen, Web Dynpro Java und Web Dynpro ABAP Anwendungen leicht individualisieren.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/erlebe-software.de\/fiori\/motive-fuer-sap-portal-und-web-dynpro-verwenden\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Eines f\u00fcr alle im Corporate Design: Motive f\u00fcr SAP Portal und Web Dynpro verwenden\" \/>\n<meta property=\"og:description\" content=\"Mit ein und demselben Theme lassen sich Portaloberfl\u00e4chen, Web Dynpro Java und Web Dynpro ABAP Anwendungen leicht individualisieren.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/erlebe-software.de\/fiori\/motive-fuer-sap-portal-und-web-dynpro-verwenden\/\" \/>\n<meta property=\"og:site_name\" content=\"Erlebe Software\" \/>\n<meta property=\"article:published_time\" content=\"2013-06-02T09:41:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-28T10:55:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/erlebe-software.de\/files\/2013\/06\/Fotolia_83595206_M-og.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ingo Biermann\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ingo Biermann\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 Minuten\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Motive f\u00fcr SAP Portal und Web Dynpro verwenden","description":"Mit ein und demselben Theme lassen sich Portaloberfl\u00e4chen, Web Dynpro Java und Web Dynpro ABAP Anwendungen leicht individualisieren.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/erlebe-software.de\/fiori\/motive-fuer-sap-portal-und-web-dynpro-verwenden\/","og_locale":"de_DE","og_type":"article","og_title":"Eines f\u00fcr alle im Corporate Design: Motive f\u00fcr SAP Portal und Web Dynpro verwenden","og_description":"Mit ein und demselben Theme lassen sich Portaloberfl\u00e4chen, Web Dynpro Java und Web Dynpro ABAP Anwendungen leicht individualisieren.","og_url":"https:\/\/erlebe-software.de\/fiori\/motive-fuer-sap-portal-und-web-dynpro-verwenden\/","og_site_name":"Erlebe Software","article_published_time":"2013-06-02T09:41:19+00:00","article_modified_time":"2020-04-28T10:55:53+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/erlebe-software.de\/files\/2013\/06\/Fotolia_83595206_M-og.jpg","type":"image\/jpeg"}],"author":"Ingo Biermann","twitter_misc":{"Verfasst von":"Ingo Biermann","Gesch\u00e4tzte Lesezeit":"4 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/erlebe-software.de\/fiori\/motive-fuer-sap-portal-und-web-dynpro-verwenden\/","url":"https:\/\/erlebe-software.de\/fiori\/motive-fuer-sap-portal-und-web-dynpro-verwenden\/","name":"Motive f\u00fcr SAP Portal und Web Dynpro verwenden","isPartOf":{"@id":"https:\/\/erlebe-software.de\/#website"},"datePublished":"2013-06-02T09:41:19+00:00","dateModified":"2020-04-28T10:55:53+00:00","author":{"@id":"https:\/\/erlebe-software.de\/#\/schema\/person\/2778a5f6f0ca72219724e664a2799972"},"description":"Mit ein und demselben Theme lassen sich Portaloberfl\u00e4chen, Web Dynpro Java und Web Dynpro ABAP Anwendungen leicht individualisieren.","breadcrumb":{"@id":"https:\/\/erlebe-software.de\/fiori\/motive-fuer-sap-portal-und-web-dynpro-verwenden\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/erlebe-software.de\/fiori\/motive-fuer-sap-portal-und-web-dynpro-verwenden\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/erlebe-software.de\/fiori\/motive-fuer-sap-portal-und-web-dynpro-verwenden\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"ERLEBE SOFTWARE","item":"https:\/\/erlebe-software.de\/"},{"@type":"ListItem","position":2,"name":"SAP Fiori","item":"https:\/\/erlebe-software.de\/fiori\/"},{"@type":"ListItem","position":3,"name":"Eines f\u00fcr alle im Corporate Design: Motive f\u00fcr SAP Portal und Web Dynpro verwenden"}]},{"@type":"WebSite","@id":"https:\/\/erlebe-software.de\/#website","url":"https:\/\/erlebe-software.de\/","name":"Erlebe Software","description":"Individuelle SAP Software","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/erlebe-software.de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/erlebe-software.de\/#\/schema\/person\/2778a5f6f0ca72219724e664a2799972","name":"Ingo Biermann","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/erlebe-software.de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ba9224879a3da9f963cb885b239961d4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ba9224879a3da9f963cb885b239961d4?s=96&d=mm&r=g","caption":"Ingo Biermann"},"description":"Als Management- und Technologieberater unterst\u00fctze ich seit mehr als 15 Jahren gro\u00dfe und mittelst\u00e4ndische Unternehmen in Fragen der IT-Strategie und bin unterwegs in unterschiedlichen SAP-Themen wie SAP S\/4HANA, User Experience und SAP Entwicklung.","url":"https:\/\/erlebe-software.de\/author\/ingo-biermann\/"}]}},"_links":{"self":[{"href":"https:\/\/erlebe-software.de\/wp-json\/wp\/v2\/posts\/180"}],"collection":[{"href":"https:\/\/erlebe-software.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/erlebe-software.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/erlebe-software.de\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/erlebe-software.de\/wp-json\/wp\/v2\/comments?post=180"}],"version-history":[{"count":4,"href":"https:\/\/erlebe-software.de\/wp-json\/wp\/v2\/posts\/180\/revisions"}],"predecessor-version":[{"id":15969,"href":"https:\/\/erlebe-software.de\/wp-json\/wp\/v2\/posts\/180\/revisions\/15969"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/erlebe-software.de\/wp-json\/wp\/v2\/media\/17698"}],"wp:attachment":[{"href":"https:\/\/erlebe-software.de\/wp-json\/wp\/v2\/media?parent=180"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/erlebe-software.de\/wp-json\/wp\/v2\/categories?post=180"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/erlebe-software.de\/wp-json\/wp\/v2\/tags?post=180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}