{"id":39853,"date":"2022-10-22T18:29:37","date_gmt":"2022-10-22T16:29:37","guid":{"rendered":"http:\/\/54.194.80.134.nip.io\/create-sap-reports-in-your-design\/"},"modified":"2023-04-13T23:48:35","modified_gmt":"2023-04-13T21:48:35","slug":"create-sap-reports-in-your-design","status":"publish","type":"post","link":"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/","title":{"rendered":"Create SAP reports in your design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"39853\" class=\"elementor elementor-39853 elementor-39618\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-56bb36c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"56bb36c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-0a6c8cc\" data-id=\"0a6c8cc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cf79e0d elementor-widget elementor-widget-text-editor\" data-id=\"cf79e0d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/www.cubeserv.com\/lp-sap-analytics-cloud\/\" target=\"_blank\" rel=\"noopener\">SAP Analytics Cloud (SAC)<\/a> is the preferred data analysis tool for many companies. With the help of various graphical elements, you can present your data in SAC in a comprehensible way.<\/p>\n<p>If you want to personalize your reports and present them in your corporate colors, SAC offers a framework that allows you to integrate your specific graphical elements (custom widgets) into SAC.<\/p>\n<p>In our training video and in the text below I explain what you should pay attention to when developing your own Custom Widgets.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-22942f1\" data-id=\"22942f1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d3175ea elementor-widget elementor-widget-image\" data-id=\"d3175ea\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"223\" height=\"192\" src=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/GrafikelementeSAC.png\" class=\"attachment-large size-large wp-image-39629\" alt=\"Grafikelemente in SAC\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-38d4678 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"38d4678\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bcd6553\" data-id=\"bcd6553\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5fa59be elementor-widget elementor-widget-video\" data-id=\"5fa59be\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/cdn.cubeserv.com\/wp-content\/uploads\/video\/20221018_CubeServ-Training-Channel_CustomWidget_Marina.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-249495a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"249495a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-97221d8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"97221d8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-53e3c40\" data-id=\"53e3c40\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3ab60df elementor-widget elementor-widget-spacer\" data-id=\"3ab60df\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3107fb4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3107fb4\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-69c884c\" data-id=\"69c884c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a500775 elementor-widget elementor-widget-text-editor\" data-id=\"a500775\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Requirements<\/h3>\n<ul>\n<li>A web server is required for the source files. If you don&#8217;t have one yet, I recommend <a href=\"https:\/\/github.com\/\">GitHub<\/a>. This platform is well suited for training purposes.<\/li>\n<li>JavaScript is used as the development language. The metadata and links to source files are loaded into SAC using a JSON file (<strong>JavaScript Object Notation<\/strong> &#8211; the universal standard for data exchange).<\/li>\n<\/ul>\n<p>Once the interface is enabled, you can start configuring it.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-424449d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"424449d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f084e65\" data-id=\"f084e65\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9d8b8d8 elementor-widget elementor-widget-heading\" data-id=\"9d8b8d8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Structure of the JSON file<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-363de20 elementor-widget elementor-widget-text-editor\" data-id=\"363de20\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A simple custom widget that also has additional custom properties should contain at least &#8220;main&#8221; and &#8220;styling&#8221; data under &#8220;Webcomponents&#8221; tag.<\/p>\n<p>You can see the structure of a JSON file on the right.<\/p>\n<p>I recommend using a base64 encoded image for the icon. You can convert the image online (e.g.: <a href=\"https:\/\/www.base64-image.de\/\">Base64 Image Encoder<\/a>)<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-eb9e2dc\" data-id=\"eb9e2dc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6b49983 elementor-widget elementor-widget-image\" data-id=\"6b49983\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/Aufbau-JSON-Datei.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"Aufbau-JSON-Datei\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6IjM5NjIwIiwidXJsIjoiaHR0cHM6XC9cL3d3dy5jdWJlc2Vydi5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjJcLzEwXC9BdWZiYXUtSlNPTi1EYXRlaS5wbmcifQ%3D%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"153\" height=\"300\" src=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/Aufbau-JSON-Datei-153x300.png\" class=\"attachment-medium size-medium wp-image-39620\" alt=\"Aufbau-JSON-Datei\" srcset=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/Aufbau-JSON-Datei-153x300.png 153w, https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/Aufbau-JSON-Datei.png 417w\" sizes=\"(max-width: 153px) 100vw, 153px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-180c046 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"180c046\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a9c0e37\" data-id=\"a9c0e37\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-79759a3 elementor-widget elementor-widget-text-editor\" data-id=\"79759a3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The data binding parameters are specified in the dataBindings property. Usually these are dimensions and key figures.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-8e96b59\" data-id=\"8e96b59\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fc71938 elementor-widget elementor-widget-image\" data-id=\"fc71938\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/dataBindings.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"dataBindings\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6IjM5NjIzIiwidXJsIjoiaHR0cHM6XC9cL3d3dy5jdWJlc2Vydi5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjJcLzEwXC9kYXRhQmluZGluZ3MucG5nIn0%3D\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"672\" height=\"369\" src=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/dataBindings.png\" class=\"attachment-large size-large wp-image-39623\" alt=\"Code dataBindings\" srcset=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/dataBindings.png 672w, https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/dataBindings-300x165.png 300w\" sizes=\"(max-width: 672px) 100vw, 672px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-942f8b0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"942f8b0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-61f721e\" data-id=\"61f721e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4a19940 elementor-widget elementor-widget-text-editor\" data-id=\"4a19940\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you want to configure the custom widget with one or more parameters, these parameters should be declared in the JSON file in the properties section. For example, the text color.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3af3c00\" data-id=\"3af3c00\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8590b9b elementor-widget elementor-widget-image\" data-id=\"8590b9b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/Properties.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"Properties\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6IjM5NjM1IiwidXJsIjoiaHR0cHM6XC9cL3d3dy5jdWJlc2Vydi5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjJcLzEwXC9Qcm9wZXJ0aWVzLnBuZyJ9\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"518\" height=\"142\" src=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/Properties.png\" class=\"attachment-large size-large wp-image-39635\" alt=\"Code Properties\" srcset=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/Properties.png 518w, https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/Properties-300x82.png 300w\" sizes=\"(max-width: 518px) 100vw, 518px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b36f78f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b36f78f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2c4b601\" data-id=\"2c4b601\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-71adb3d elementor-widget elementor-widget-text-editor\" data-id=\"71adb3d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>For this purpose, <em>&#8220;setcolor&#8221;<\/em> and <em>&#8220;getcolor&#8221;<\/em> are to be declared in the <em>&#8220;methods&#8221;<\/em> area. The actual methods are defined in the JavaScript file<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9e681b8\" data-id=\"9e681b8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7638f93 elementor-widget elementor-widget-image\" data-id=\"7638f93\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/setcolor.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"setcolor\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6IjM5NjM4IiwidXJsIjoiaHR0cHM6XC9cL3d3dy5jdWJlc2Vydi5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjJcLzEwXC9zZXRjb2xvci5wbmcifQ%3D%3D\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"605\" height=\"279\" src=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/setcolor.png\" class=\"attachment-large size-large wp-image-39638\" alt=\"Code setcolor\" srcset=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/setcolor.png 605w, https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/setcolor-300x138.png 300w\" sizes=\"(max-width: 605px) 100vw, 605px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e042b02 elementor-widget elementor-widget-image\" data-id=\"e042b02\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/getcolor.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"getcolor\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6IjM5NjI2IiwidXJsIjoiaHR0cHM6XC9cL3d3dy5jdWJlc2Vydi5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjJcLzEwXC9nZXRjb2xvci5wbmcifQ%3D%3D\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"566\" height=\"117\" src=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/getcolor.png\" class=\"attachment-large size-large wp-image-39626\" alt=\"Code getcolor\" srcset=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/getcolor.png 566w, https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/getcolor-300x62.png 300w\" sizes=\"(max-width: 566px) 100vw, 566px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-627cb04 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"627cb04\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-474a3f1\" data-id=\"474a3f1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0d14596 elementor-widget elementor-widget-spacer\" data-id=\"0d14596\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-000279c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"000279c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8a27902\" data-id=\"8a27902\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bc11756 elementor-widget elementor-widget-heading\" data-id=\"bc11756\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Structure of the JavaScript file (JavaScript API)<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f86b621 elementor-widget elementor-widget-text-editor\" data-id=\"f86b621\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The JavaScript file contains an HTML &lt;template&gt; element. This is a mechanism for holding HTML that should not be rendered immediately when a page is loaded, but can be instantiated later during runtime with JavaScript.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c67e723 elementor-widget elementor-widget-image\" data-id=\"c67e723\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/JavaScript-API.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"JavaScript-API\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6IjM5NjMyIiwidXJsIjoiaHR0cHM6XC9cL3d3dy5jdWJlc2Vydi5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjJcLzEwXC9KYXZhU2NyaXB0LUFQSS5wbmcifQ%3D%3D\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"123\" src=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/JavaScript-API-768x123.png\" class=\"attachment-medium_large size-medium_large wp-image-39632\" alt=\"JavaScript-API\" srcset=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/JavaScript-API-768x123.png 768w, https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/JavaScript-API-300x48.png 300w, https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/JavaScript-API.png 883w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-233dc95 elementor-widget elementor-widget-text-editor\" data-id=\"233dc95\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The JavaScript file consists of a JavaScript function with a class with corresponding declarations and methods.<\/p>\n<p>It includes:<\/p>\n<ul>\n<li>Constructor<\/li>\n<li>onCustomWidgetBeforeUpdate &#8211; called before updating the custom widget.<\/li>\n<li>onCustomWidgetAfterUpdate &#8211; called after the custom widget is updated.<\/li>\n<li>connectedCallback &#8211; is called when the widget is added to the HTML DOM of the page.<\/li>\n<li>disconnectedCallback &#8211; called when the widget is removed from the HTML DOM of the page.<\/li>\n<li>onCustomWidgetResize &#8211; called when the size of the custom widget is changed.<\/li>\n<\/ul>\n<p>Data can be evaluated in JavaScript using these methods:<\/p>\n<ul>\n<li>parse() &#8211; method parses a JSON string and converts it to a JavaScript object.<\/li>\n<li>stringify() &#8211; method converts a JavaScript value into a JSON string.<\/li>\n<\/ul>\n<p>Once the development is complete, the custom widget can be loaded into SAC Analytic Applications.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7556ead elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7556ead\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7487b3a\" data-id=\"7487b3a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a8af817 elementor-widget elementor-widget-text-editor\" data-id=\"a8af817\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4>Templates and documentation<\/h4>\n<p>The files already created can be used as templates. Here is an example with the pyramid diagram:<\/p>\n<p><a href=\"https:\/\/my-cubeserv.github.io\/SAP_CustomWidget_Pyramid\/main-component.js\" target=\"_blank\" rel=\"noopener\">SAP_CustomWidget_Pyramid\/main-component.js<\/a><br \/>\n<a href=\"https:\/\/my-cubeserv.github.io\/SAP_CustomWidget_Pyramid\/styling-component.js\" target=\"_blank\" rel=\"noopener\">SAP_CustomWidget_Pyramid\/styling-component.js<\/a><br \/>\n<a href=\"https:\/\/my-cubeserv.github.io\/SAP_CustomWidget_Pyramid\/contribution.json\" target=\"_blank\" rel=\"noopener\">SAP_CustomWidget_Pyramid\/contribution.json<\/a><\/p>\n<p>SAP also provides <a href=\"https:\/\/help.sap.com\/doc\/c813a28922b54e50bd2a307b099787dc\/release\/en-US\/CustomWidgetDevGuide_en.pdf\" target=\"_blank\" rel=\"noopener\">Documentation<\/a> in English.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-48e44eb\" data-id=\"48e44eb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a7ef98e elementor-widget elementor-widget-text-editor\" data-id=\"a7ef98e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4>Inspirations<\/h4>\n<p>Want to be inspired by other creative ideas? Here you have some possibilities:<\/p>\n<p><a href=\"https:\/\/www.amcharts.com\/demos\/\" target=\"_blank\" rel=\"noopener\">Chart Demos \u2013 amCharts<\/a><br \/>\n<a href=\"https:\/\/www.graphomate.com\/en\/products\/\" target=\"_blank\" rel=\"noopener\">Extensions Archiv \u2013 graphomate<\/a><br \/>\n<a href=\"https:\/\/echarts.apache.org\/examples\/en\/\" target=\"_blank\" rel=\"noopener\">Examples \u2013 Apache ECharts<\/a><br \/>\n<a href=\"https:\/\/observablehq.com\/@d3\/gallery\" target=\"_blank\" rel=\"noopener\">D3 Gallery \u2013 Observable<\/a><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-8b9ee00 e-flex e-con-boxed e-con e-parent\" data-id=\"8b9ee00\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5199cb elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-posts--show-avatar elementor-card-shadow-yes elementor-posts__hover-gradient elementor-widget elementor-widget-posts\" data-id=\"d5199cb\" data-element_type=\"widget\" data-settings=\"{&quot;cards_columns&quot;:&quot;3&quot;,&quot;cards_columns_tablet&quot;:&quot;2&quot;,&quot;cards_columns_mobile&quot;:&quot;1&quot;,&quot;cards_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;cards_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;cards_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"posts.cards\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-50495 post type-post status-publish format-standard has-post-thumbnail hentry category-front-end category-power-bi category-sap-analytics-cloud\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/www.cubeserv.com\/en\/import-sap-analysis-authorizations-into-power-bi\/\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2023\/08\/SAP-Analyse-Berechtigungen-in-Power-BI-300x200.png\" class=\"attachment-medium size-medium wp-image-48772\" alt=\"\" srcset=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2023\/08\/SAP-Analyse-Berechtigungen-in-Power-BI-300x200.png 300w, https:\/\/www.cubeserv.com\/wp-content\/uploads\/2023\/08\/SAP-Analyse-Berechtigungen-in-Power-BI.png 496w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">Front End<\/div>\n\t\t\t\t<div class=\"elementor-post__avatar\">\n\t\t\t<img data-del=\"avatar\" alt=\"Marina Yesayan\" src='https:\/\/www.cubeserv.com\/wp-content\/uploads\/2021\/05\/Marina_Yesayan-150x150.png' class='avatar pp-user-avatar avatar-128 photo ' height='128' width='128'\/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/www.cubeserv.com\/en\/import-sap-analysis-authorizations-into-power-bi\/\" >\n\t\t\t\tImport SAP analysis authorizations into Power BI\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>We take a look at the question of whether it is possible to import SAP analysis authorizations directly from SAP and thus integrate them seamlessly into Power BI. Read our article and find out more about the possibilities.<\/p>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t8. September 2023\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-46328 post type-post status-publish format-standard has-post-thumbnail hentry category-sap-data-hub tag-rest-api tag-sap-business-warehouse tag-sap-bw tag-schulungsvideo\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/www.cubeserv.com\/en\/transfer-data-to-sap-bw-via-rest-api\/\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2023\/01\/REST-API-300x200.jpg\" class=\"attachment-medium size-medium wp-image-42598\" alt=\"REST-API\" srcset=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2023\/01\/REST-API-300x200.jpg 300w, https:\/\/www.cubeserv.com\/wp-content\/uploads\/2023\/01\/REST-API-1024x683.jpg 1024w, https:\/\/www.cubeserv.com\/wp-content\/uploads\/2023\/01\/REST-API-768x512.jpg 768w, https:\/\/www.cubeserv.com\/wp-content\/uploads\/2023\/01\/REST-API-1536x1024.jpg 1536w, https:\/\/www.cubeserv.com\/wp-content\/uploads\/2023\/01\/REST-API.jpg 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">SAP Data Hub<\/div>\n\t\t\t\t<div class=\"elementor-post__avatar\">\n\t\t\t<img data-del=\"avatar\" alt=\"Marina Yesayan\" src='https:\/\/www.cubeserv.com\/wp-content\/uploads\/2021\/05\/Marina_Yesayan-150x150.png' class='avatar pp-user-avatar avatar-128 photo ' height='128' width='128'\/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/www.cubeserv.com\/en\/transfer-data-to-sap-bw-via-rest-api\/\" >\n\t\t\t\tTransfer data to SAP BW via REST API\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Our training video on the REST API interface in ABAP programming shows how you can transfer data from other data sources to the SAP Business Warehouse (BW) and process it there.<\/p>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t7. May 2023\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-46332 post type-post status-publish format-standard has-post-thumbnail hentry category-front-end category-power-bi category-sap-analytics-cloud\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/www.cubeserv.com\/en\/mobile-reporting-with-sap-analytics-cloud-or-ms-power-bi\/\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2023\/04\/Mobile-Reporting-Titel-70-quadr.jpg\" class=\"attachment-medium size-medium wp-image-45876\" alt=\"\" srcset=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2023\/04\/Mobile-Reporting-Titel-70-quadr.jpg 300w, https:\/\/www.cubeserv.com\/wp-content\/uploads\/2023\/04\/Mobile-Reporting-Titel-70-quadr-150x150.jpg 150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">Front End<\/div>\n\t\t\t\t<div class=\"elementor-post__avatar\">\n\t\t\t<img data-del=\"avatar\" alt=\"Marina Yesayan\" src='https:\/\/www.cubeserv.com\/wp-content\/uploads\/2021\/05\/Marina_Yesayan-150x150.png' class='avatar pp-user-avatar avatar-128 photo ' height='128' width='128'\/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/www.cubeserv.com\/en\/mobile-reporting-with-sap-analytics-cloud-or-ms-power-bi\/\" >\n\t\t\t\tMobile Reporting with SAP Analytics Cloud or MS Power BI\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Take control of your data: Mobile reporting with SAP Analytics Cloud or MS Power BI. In this blog we show the strengths of the solutions.<\/p>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t15. April 2023\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In SAP Analytics Cloud (SAC), there are various graphical elements that you can use to present data in a comprehensible way. Our training video shows how you can integrate your own graphical elements into SAC and adapt them to your design.<\/p>\n","protected":false},"author":89,"featured_media":39652,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[28],"tags":[257,187,609],"class_list":["post-39853","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sap-analytics-cloud","tag-sap-analytics-cloud","tag-sac","tag-schulungsvideo"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.7 (Yoast SEO v23.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Create SAP report in your own design<\/title>\n<meta name=\"description\" content=\"Our training video shows how to integrate your own graphical elements into SAP Analytics Cloud (SAC) and adapt them to your design.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create SAP reports in your design\" \/>\n<meta property=\"og:description\" content=\"Our training video shows how to integrate your own graphical elements into SAP Analytics Cloud (SAC) and adapt them to your design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/\" \/>\n<meta property=\"og:site_name\" content=\"CubeServ\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/CubeServ\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-22T16:29:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-13T21:48:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/Diagramme-eigenes-Design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marina Yesayan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CubeServ\" \/>\n<meta name=\"twitter:site\" content=\"@CubeServ\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yesayan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/\"},\"author\":{\"name\":\"Marina Yesayan\",\"@id\":\"https:\/\/www.cubeserv.com\/en\/#\/schema\/person\/7b7e1ee5421feae413b5a53d6b58cc43\"},\"headline\":\"Create SAP reports in your design\",\"datePublished\":\"2022-10-22T16:29:37+00:00\",\"dateModified\":\"2023-04-13T21:48:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/\"},\"wordCount\":542,\"publisher\":{\"@id\":\"https:\/\/www.cubeserv.com\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/Diagramme-eigenes-Design.jpg\",\"keywords\":[\"SAP Analytics Cloud\",\"SAP Analytics Platform\",\"Schulungsvideo\"],\"articleSection\":[\"SAP Analytics Cloud\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/\",\"url\":\"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/\",\"name\":\"Create SAP report in your own design\",\"isPartOf\":{\"@id\":\"https:\/\/www.cubeserv.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/Diagramme-eigenes-Design.jpg\",\"datePublished\":\"2022-10-22T16:29:37+00:00\",\"dateModified\":\"2023-04-13T21:48:35+00:00\",\"description\":\"Our training video shows how to integrate your own graphical elements into SAP Analytics Cloud (SAC) and adapt them to your design.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/#primaryimage\",\"url\":\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/Diagramme-eigenes-Design.jpg\",\"contentUrl\":\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/Diagramme-eigenes-Design.jpg\",\"width\":800,\"height\":400,\"caption\":\"Berichte im eigenen Design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/www.cubeserv.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create SAP reports in your design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cubeserv.com\/en\/#website\",\"url\":\"https:\/\/www.cubeserv.com\/en\/\",\"name\":\"CubeServ\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.cubeserv.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cubeserv.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.cubeserv.com\/en\/#organization\",\"name\":\"CubeServ Group\",\"url\":\"https:\/\/www.cubeserv.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.cubeserv.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2020\/07\/CubeServ_Web_Logo-768x372-1.png\",\"contentUrl\":\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2020\/07\/CubeServ_Web_Logo-768x372-1.png\",\"width\":768,\"height\":372,\"caption\":\"CubeServ Group\"},\"image\":{\"@id\":\"https:\/\/www.cubeserv.com\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/CubeServ\",\"https:\/\/x.com\/CubeServ\",\"https:\/\/www.instagram.com\/cubeservgroup\/\",\"https:\/\/www.linkedin.com\/company\/112961\/\",\"https:\/\/www.youtube.com\/user\/CubeServGroup\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cubeserv.com\/en\/#\/schema\/person\/7b7e1ee5421feae413b5a53d6b58cc43\",\"name\":\"Marina Yesayan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.cubeserv.com\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2021\/05\/Marina_Yesayan-150x150.png\",\"contentUrl\":\"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2021\/05\/Marina_Yesayan-150x150.png\",\"caption\":\"Marina Yesayan\"},\"url\":\"https:\/\/www.cubeserv.com\/en\/author\/yesayanm\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Create SAP report in your own design","description":"Our training video shows how to integrate your own graphical elements into SAP Analytics Cloud (SAC) and adapt them to your design.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Create SAP reports in your design","og_description":"Our training video shows how to integrate your own graphical elements into SAP Analytics Cloud (SAC) and adapt them to your design.","og_url":"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/","og_site_name":"CubeServ","article_publisher":"https:\/\/www.facebook.com\/CubeServ","article_published_time":"2022-10-22T16:29:37+00:00","article_modified_time":"2023-04-13T21:48:35+00:00","og_image":[{"width":800,"height":400,"url":"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/Diagramme-eigenes-Design.jpg","type":"image\/jpeg"}],"author":"Marina Yesayan","twitter_card":"summary_large_image","twitter_creator":"@CubeServ","twitter_site":"@CubeServ","twitter_misc":{"Written by":"Marina Yesayan","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/#article","isPartOf":{"@id":"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/"},"author":{"name":"Marina Yesayan","@id":"https:\/\/www.cubeserv.com\/en\/#\/schema\/person\/7b7e1ee5421feae413b5a53d6b58cc43"},"headline":"Create SAP reports in your design","datePublished":"2022-10-22T16:29:37+00:00","dateModified":"2023-04-13T21:48:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/"},"wordCount":542,"publisher":{"@id":"https:\/\/www.cubeserv.com\/en\/#organization"},"image":{"@id":"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/Diagramme-eigenes-Design.jpg","keywords":["SAP Analytics Cloud","SAP Analytics Platform","Schulungsvideo"],"articleSection":["SAP Analytics Cloud"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/","url":"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/","name":"Create SAP report in your own design","isPartOf":{"@id":"https:\/\/www.cubeserv.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/#primaryimage"},"image":{"@id":"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/Diagramme-eigenes-Design.jpg","datePublished":"2022-10-22T16:29:37+00:00","dateModified":"2023-04-13T21:48:35+00:00","description":"Our training video shows how to integrate your own graphical elements into SAP Analytics Cloud (SAC) and adapt them to your design.","breadcrumb":{"@id":"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/#primaryimage","url":"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/Diagramme-eigenes-Design.jpg","contentUrl":"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2022\/10\/Diagramme-eigenes-Design.jpg","width":800,"height":400,"caption":"Berichte im eigenen Design"},{"@type":"BreadcrumbList","@id":"https:\/\/www.cubeserv.com\/en\/create-sap-reports-in-your-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.cubeserv.com\/en\/"},{"@type":"ListItem","position":2,"name":"Create SAP reports in your design"}]},{"@type":"WebSite","@id":"https:\/\/www.cubeserv.com\/en\/#website","url":"https:\/\/www.cubeserv.com\/en\/","name":"CubeServ","description":"","publisher":{"@id":"https:\/\/www.cubeserv.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cubeserv.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.cubeserv.com\/en\/#organization","name":"CubeServ Group","url":"https:\/\/www.cubeserv.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cubeserv.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2020\/07\/CubeServ_Web_Logo-768x372-1.png","contentUrl":"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2020\/07\/CubeServ_Web_Logo-768x372-1.png","width":768,"height":372,"caption":"CubeServ Group"},"image":{"@id":"https:\/\/www.cubeserv.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/CubeServ","https:\/\/x.com\/CubeServ","https:\/\/www.instagram.com\/cubeservgroup\/","https:\/\/www.linkedin.com\/company\/112961\/","https:\/\/www.youtube.com\/user\/CubeServGroup"]},{"@type":"Person","@id":"https:\/\/www.cubeserv.com\/en\/#\/schema\/person\/7b7e1ee5421feae413b5a53d6b58cc43","name":"Marina Yesayan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cubeserv.com\/en\/#\/schema\/person\/image\/","url":"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2021\/05\/Marina_Yesayan-150x150.png","contentUrl":"https:\/\/www.cubeserv.com\/wp-content\/uploads\/2021\/05\/Marina_Yesayan-150x150.png","caption":"Marina Yesayan"},"url":"https:\/\/www.cubeserv.com\/en\/author\/yesayanm\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cubeserv.com\/en\/wp-json\/wp\/v2\/posts\/39853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cubeserv.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cubeserv.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cubeserv.com\/en\/wp-json\/wp\/v2\/users\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cubeserv.com\/en\/wp-json\/wp\/v2\/comments?post=39853"}],"version-history":[{"count":0,"href":"https:\/\/www.cubeserv.com\/en\/wp-json\/wp\/v2\/posts\/39853\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cubeserv.com\/en\/wp-json\/wp\/v2\/media\/39652"}],"wp:attachment":[{"href":"https:\/\/www.cubeserv.com\/en\/wp-json\/wp\/v2\/media?parent=39853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cubeserv.com\/en\/wp-json\/wp\/v2\/categories?post=39853"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cubeserv.com\/en\/wp-json\/wp\/v2\/tags?post=39853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}