{"id":6671,"date":"2023-12-19T09:31:00","date_gmt":"2023-12-19T09:31:00","guid":{"rendered":"https:\/\/accelywp.wp.brainvire.dev\/?p=6671"},"modified":"2025-03-05T10:48:16","modified_gmt":"2025-03-05T10:48:16","slug":"guide-for-custom-widget-in-sap-analytics-cloud","status":"publish","type":"post","link":"https:\/\/www.accely.com\/qa-en\/blog\/guide-for-custom-widget-in-sap-analytics-cloud\/","title":{"rendered":"A Comprehensive Guide for Custom Widget in SAP Analytics Cloud"},"content":{"rendered":"\n<section class=\"insights-banner\">\n    <div class=\"container\">\n        <div class=\"insights-banner-wrapper\">\n            <div class=\"insights-banner-left\">\n                                                <h1 class=\"insights-banner-title h3\">A Comprehensive Guide for Custom Widget in SAP Analytics Cloud<\/h1>\n                                <div class=\"badge-wrap d-flex d-flex-wrap\">\n                                                           <span class=\"badge badge-orange\">SAP Analytics Cloud<\/span>\n                                                      <\/div>\n                                 <p class=\"publish-date\">Published: December 19, 2023<\/p>\n                                \n                 \n\n\n\n            <\/div>\n                        <div class=\"insights-banner-right\">\n            <img decoding=\"async\" src=\"https:\/\/www.accely.com\/wp-content\/uploads\/2023\/12\/A-Comprehensive-Guide-for-Custom-Widget-in-SAP-Analytics-Cloud.webp\"  alt=\"Banner\" class=\"insights-banner-img\" width=\"720\" height=\"471\">\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n    <div class=\"main-content-blog-section\">\n        <div class=\"main-content-blog\">\n                            <div class=\"pdp-sidebar-sec-wrap\">\n                    <div class=\"pdp-sidebar\">\n                        <ul class=\"ul-none pdp-sidebar-menu-wrap\">\n                                                        <li>\n                                <a data-scroll=\"introduction\" href=\"#introduction\" aria-label=\"tab-link\" class=\"active\" >\n                                    <span class=\"body-font-sm text-capitalize\">Introduction<\/span><\/a>\n                            <\/li>\n                                                        <li>\n                                <a data-scroll=\"background\" href=\"#background\" aria-label=\"tab-link\" >\n                                    <span class=\"body-font-sm text-capitalize\">Background<\/span><\/a>\n                            <\/li>\n                                                        <li>\n                                <a data-scroll=\"addtoyourbusiness\" href=\"#addtoyourbusiness\" aria-label=\"tab-link\" >\n                                    <span class=\"body-font-sm text-capitalize\">How SAP AMS Adds to Your Business?<\/span><\/a>\n                            <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n                <div class=\"content-blog-sections\">\n                                                            <section class=\"insights-middle\"  id=\"introduction\" >\n                        <div class=\"insights-container\">\n                            \n                        <div class=\"insights-middle-content\">\n                            <p>With the QRC Q2 release of SAP Analytics Cloud, you can now use Custom Widgets in the Unified Story. This blog will walk you through creating a Custom Widget from the ground up, providing detailed steps on building, uploading, and using your Custom Widget within your story. Let&#8217;s dive in and get started!<\/p>\n<p>But first, let\u2019s recap\u2026<\/p>\n<p><a href=\"\/solutions\/sap-analytics-cloud\/\">SAP Analytics Cloud (SAC)<\/a> is a comprehensive cloud platform provided by SAP that integrates business intelligence, planning, and predictive analytics in a single solution. It empowers organizations to make data-driven decisions by enabling users to visualize, analyze, and share insights across the enterprise.<\/p>\n<p><a href=\"\/solutions\/sap-analytic-cloud-planning\/\">SAP Analytics Cloud planning<\/a> offers a range of features, including data connectivity, data visualization, collaborative planning, augmented analytics, and predictive capabilities. Users can connect to various data sources, create interactive dashboards, perform ad-hoc analysis, and collaborate in real-time, fostering a data-driven culture within the organization.<\/p>\n                            \n                        <\/div>\n                            \n                        <\/div>\n                    <\/section>\n                                                                                <section class=\"insights-middle\"  id=\"background\" >\n                        <div class=\"insights-container\">\n                            \n                        <div class=\"insights-middle-content\">\n                            <h2>Background<\/h2>\n<p>SAC Planning, Analytics Designer is a flexible data visualization tool allowing users to create interactive dashboards from various data sources. It uses HTML markup, JavaScript code, and CSS styles to build custom visualizations. To meet user demands for new components, SAP Analytics Cloud planning introduced the Analytics Designer Custom Widget Software Development Kit (SDK).<\/p>\n<p>This SDK allows developers to create third-party components called custom widgets. These widgets, developed by partners and customers, can be added to analytic applications along with the standard set of widgets.<\/p>\n<p>The applications containing these custom widgets can be stored and accessed in custom Analytics Cloud. Third-party developers can also submit their custom widgets for certification in SAP Analytics Cloud, Analytics Designer.<\/p>\n                            \n                        <\/div>\n                            \n                        <\/div>\n                    <\/section>\n                                                                                <section class=\"insights-middle\"  id=\"addtoyourbusiness\" >\n                        <div class=\"insights-container\">\n                            \n                        <div class=\"insights-middle-content\">\n                            <h4>A custom widget consists of the following files<\/h4>\n<table style=\"height: 392px;width: 617px;border-collapse: collapse;border-style: solid;border-color: black;margin-left: auto;margin-right: auto\" border=\"1\">\n<tbody>\n<tr style=\"height: 18px\">\n<td style=\"width: 33.3333%;height: 18px;text-align: center\"><strong>File<\/strong><\/td>\n<td style=\"width: 33.3333%;height: 18px;text-align: center\"><strong>Required\/Optional<\/strong><\/td>\n<td style=\"width: 33.3333%;height: 18px;text-align: center\"><strong>Description<\/strong><\/td>\n<\/tr>\n<tr style=\"height: 18px;text-align: center\">\n<td style=\"width: 33.3333%;height: 18px\">Custom widget JSON<\/td>\n<td style=\"width: 33.3333%;height: 18px\">Required<\/td>\n<td style=\"width: 33.3333%;height: 18px\">Defines the custom widget<\/td>\n<\/tr>\n<tr style=\"height: 18px;text-align: center\">\n<td style=\"width: 33.3333%;height: 18px\">Web Component JavaScript<\/td>\n<td style=\"width: 33.3333%;height: 18px\">Required<\/td>\n<td style=\"width: 33.3333%;height: 18px\">Implements the custom element of the custom widget (Web Component)<\/td>\n<\/tr>\n<tr style=\"height: 18px;text-align: center\">\n<td style=\"width: 33.3333%;height: 18px\">Web Component JavaScript of Styling Panel<\/td>\n<td style=\"width: 33.3333%;height: 18px\">Optional<\/td>\n<td style=\"width: 33.3333%;height: 18px\">Implements the custom element of the Styling Panel of the custom widget (Web Component)<\/td>\n<\/tr>\n<tr style=\"height: 18px;text-align: center\">\n<td style=\"width: 33.3333%;height: 18px\">Web Component JavaScript of Builder Panel<\/td>\n<td style=\"width: 33.3333%;height: 18px\">Optional<\/td>\n<td style=\"width: 33.3333%;height: 18px\">Implements the custom element of the Builder Panel of the custom widget (Web Component)<\/td>\n<\/tr>\n<tr style=\"height: 18px;text-align: center\">\n<td style=\"width: 33.3333%;height: 18px\">Icon<\/td>\n<td style=\"width: 33.3333%;height: 18px\">Optional<\/td>\n<td style=\"width: 33.3333%;height: 18px\">Represents the custom widget\u2019s icon (16 x 16 pixels)<\/td>\n<\/tr>\n<tr style=\"height: 18px;text-align: center\">\n<td style=\"width: 33.3333%;height: 18px\">More files&#8230;<\/td>\n<td style=\"width: 33.3333%;height: 18px\">Optional<\/td>\n<td style=\"width: 33.3333%;height: 18px\">Additional files (JavaScript, CSS, images, etc.) depending on the implemented custom widget<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><em>Now, the SAC Custom Widget Hands-on Guide is divided into 9 chapters. Your journey begins with creating a fundamental Web Component file, a key technology file for Custom Widgets.<\/em><\/p>\n<p>The Web Component file (JavaScript) is where you specify how your Custom widget should behave, what functions it should have, and how it should look.<\/p>\n<p>On the other hand, the Metadata file (JSON) serves as a guide for the system (like SAC) by providing essential information about the widget. It includes details like how the widget is named, its features, events, methods, and where the system can find the implementation details in the Web Component file. Essentially, this file acts as a connector between the Web Component and the system.<\/p>\n<p>Next, you&#8217;ll modify your Web Component file by incorporating essential Custom Widget lifecycle functions, including:<\/p>\n<ul>\n<li>onCustomWidgetResize: This function handles resizing of the Custom Widget.<\/li>\n<li>onCustomWidgetBeforeUpdate: It manages actions that occur before the Custom Widget updates.<\/li>\n<li>onCustomWidgetAfterUpdate: This function deals with tasks after the Custom Widget has been updated.<\/li>\n<li>onCustomWidgetDestroy: Handles the process when the Custom Widget is being destroyed or removed.<\/li>\n<\/ul>\n<p>When you incorporate the Web Component as a SAC Custom Widget, the SAC framework automatically triggers specific functions in your Web Component at different stages. For instance, when there are changes in properties, width, height, or other aspects of the Custom Widget, the framework calls corresponding functions to handle those changes. This ensures that your Custom Widget behaves as intended and responds appropriately to modifications within the SAP Analytics Cloud environment.<\/p>\n<p>In this section, you&#8217;ll discover how to connect your Custom Widget to various SAP Analytics Cloud data models. This involves learning how to incorporate a data binding mechanism, allowing Custom Widgets to effortlessly interact with and control data.<\/p>\n<p>In the next steps of building your SAP Analytics Cloud Custom Widget, you&#8217;ll explore rendering bound data using the Apache ECharts third-party library. This involves loading the library, parsing dimensions, measures, and data from the bound results, and converting them into an ECharts option.<\/p>\n<p>Later, you&#8217;ll enhance your Custom Widget by adding properties and functions. This not only improves interactions with other widgets in your story but also facilitates script-driven control.<\/p>\n<p>Following that, you&#8217;ll dive into incorporating events into your Custom Widget. This enables you to insert scripts at various lifecycle stages, achieving specific functionalities. Additionally, you&#8217;ll learn to expose scripting capabilities and invoke the script editor during design time.<\/p>\n<p>This process ensures your SAC Custom Widget is not only visually appealing but also highly interactive and script-ready, enhancing its utility in the custom Analytics Cloud environment.<\/p>\n<p>In the final chapter, you&#8217;ll discover how to enhance your SAC Custom Widget by adding a Styling Panel. This feature allows users to customize various properties, such as colors, fonts, and shapes, while editing the story. The Styling Panel is implemented as a Web Component, making it intuitive for users to personalize the appearance of your Custom Widget.<\/p>\n<p>As an optional step, you&#8217;ll be guided on calculating the integrity of your Custom Widget. This involves creating a hash in the JSON file based on the JavaScript file, ensuring that the JavaScript file hasn&#8217;t been altered. During development, you can use &#8220;ignoreIntegrity: true&#8221; to skip this check, but it&#8217;s advisable to enable this validation in the production environment for security.<\/p>\n<p>Additionally, you&#8217;ll continue learning how to add events to your SAC Custom Widget, allowing you to insert scripts into the widget&#8217;s lifecycle for specific functionalities. This includes exposing scripting capabilities and accessing the script editor during design time, enhancing the overall versatility of your SAC Custom Widget.<\/p>\n<p>Here\u2019s hoping this blog has provided a comprehensive overview of Custom Widget Development in SAP Analytics Cloud. From understanding the essential files like the Web Component and Metadata files to integrating data binding mechanisms and rendering data from third-party libraries like Apache ECharts, you&#8217;ve gained insights into creating powerful and customizable widgets.<\/p>\n                            \n                        <\/div>\n                            \n                        <\/div>\n                    <\/section>\n                                                        <\/div>\n            \n            \n        <\/div>\n    <\/div>\n\n<section class=\"blog-list-sec related-posts-sec\">\n    <div class=\"container\">\n                <h4>Explore related blogs <\/h4>\n                        <ul class=\"blog-list-wrapper ul-none\">\n                    <li class=\"blog-list-item\">\n                <div class=\"blog-list-item-top\">\n                                        <img decoding=\"async\" src=\"https:\/\/www.accely.com\/wp-content\/uploads\/2023\/12\/Highlights-of-SAP-Analytics-Cloud-2023.23-Release-Insights.webp\" class=\"blog-thumbnail-img\" width=\"638\" height=\"320\" alt=\"blog-thumbnail\">\n                                        <div class=\"blog-meta d-flex d-space-between color-white\"> \n                        <div class=\"left\">\n                                                        <p class=\"body-font-md author-name\">Muralidharan Venkataraman<\/p>\n                                                        <p class=\"body-font-sm blog-post-date\">12 December 2023<\/p>\n                        <\/div>\n                                                <div class=\"right\">\n                                                        <p class=\"body-font-md blog-category\">SAP Analytics Cloud<\/p>\n                                                    <\/div>\n                        \n                    <\/div>\n                <\/div>\n                <div class=\"blog-list-item-bottom\">\n                                        <h5 class=\"h6 blog-title\">Highlights of SAP Analytics Cloud 2023.23 Release Insights<\/h5>\n                                        <p class=\"body-font-md blog-excerpt\">SAP Analytics Cloud release 2023.23 is here, packed with innovations that promise to boost your analytics and business intelligence experience. Visit us to know more!<\/p>\n                                        <a href=\"https:\/\/www.accely.com\/qa-en\/blog\/highlights-of-sap-analytics-cloud-2023-23-release\/\" aria-label=\"link\" class=\"body-font-lg link\">Read more<span class=\"link-icon icon-arrow-right\"><\/span> <\/a>\n                                    <\/div>\n            <\/li>\n                        <li class=\"blog-list-item\">\n                <div class=\"blog-list-item-top\">\n                                        <img decoding=\"async\" src=\"https:\/\/www.accely.com\/wp-content\/uploads\/2023\/11\/SAP-Cloud-Services_-Understanding-Data-Types-and-Enhancing-Security.webp\" class=\"blog-thumbnail-img\" width=\"638\" height=\"320\" alt=\"blog-thumbnail\">\n                                        <div class=\"blog-meta d-flex d-space-between color-white\"> \n                        <div class=\"left\">\n                                                        <p class=\"body-font-md author-name\">Muralidharan Venkataraman<\/p>\n                                                        <p class=\"body-font-sm blog-post-date\">15 November 2023<\/p>\n                        <\/div>\n                                                <div class=\"right\">\n                                                        <p class=\"body-font-md blog-category\">SAP Analytics Cloud<\/p>\n                                                    <\/div>\n                        \n                    <\/div>\n                <\/div>\n                <div class=\"blog-list-item-bottom\">\n                                        <h5 class=\"h6 blog-title\">SAP Cloud Services: Understanding Data Types and Enhancing Security<\/h5>\n                                        <p class=\"body-font-md blog-excerpt\">Understanding the different types of data with their unique characteristics and security requirements in SAP Cloud Services is essential for keeping data safe and compliant. Visit us to know more!<\/p>\n                                        <a href=\"https:\/\/www.accely.com\/qa-en\/blog\/sap-cloud-services-data-types-and-security\/\" aria-label=\"link\" class=\"body-font-lg link\">Read more<span class=\"link-icon icon-arrow-right\"><\/span> <\/a>\n                                    <\/div>\n            <\/li>\n                        <li class=\"blog-list-item\">\n                <div class=\"blog-list-item-top\">\n                                        <img decoding=\"async\" src=\"https:\/\/www.accely.com\/wp-content\/uploads\/2023\/10\/SAP-PaPM-Architecture_-Building-Blocks-of-Profitability-Management.webp\" class=\"blog-thumbnail-img\" width=\"638\" height=\"320\" alt=\"blog-thumbnail\">\n                                        <div class=\"blog-meta d-flex d-space-between color-white\"> \n                        <div class=\"left\">\n                                                        <p class=\"body-font-md author-name\">Muralidharan Venkataraman<\/p>\n                                                        <p class=\"body-font-sm blog-post-date\">17 October 2023<\/p>\n                        <\/div>\n                                                <div class=\"right\">\n                                                        <p class=\"body-font-md blog-category\">SAP Analytics Cloud<\/p>\n                                                    <\/div>\n                        \n                    <\/div>\n                <\/div>\n                <div class=\"blog-list-item-bottom\">\n                                        <h5 class=\"h6 blog-title\">SAP PaPM Architecture: Building Blocks of Profitability Management<\/h5>\n                                        <p class=\"body-font-md blog-excerpt\">Whether you&#039;re interested in the cloud-based capabilities or the traditional SAP PaPM module, its flexible architecture allows you to create solutions your way. Visit us to understand the basics of SAP PaPM architecture.<\/p>\n                                        <a href=\"https:\/\/www.accely.com\/qa-en\/blog\/sap-papm-architecture\/\" aria-label=\"link\" class=\"body-font-lg link\">Read more<span class=\"link-icon icon-arrow-right\"><\/span> <\/a>\n                                    <\/div>\n            <\/li>\n                        <li class=\"blog-list-item\">\n                <div class=\"blog-list-item-top\">\n                                        <img decoding=\"async\" src=\"https:\/\/www.accely.com\/wp-content\/uploads\/2023\/08\/Importance-of-Data-Modeling-in-SAP-Analytics-Cloud.webp\" class=\"blog-thumbnail-img\" width=\"638\" height=\"320\" alt=\"blog-thumbnail\">\n                                        <div class=\"blog-meta d-flex d-space-between color-white\"> \n                        <div class=\"left\">\n                                                        <p class=\"body-font-md author-name\">Muralidharan Venkataraman<\/p>\n                                                        <p class=\"body-font-sm blog-post-date\">22 August 2023<\/p>\n                        <\/div>\n                                                <div class=\"right\">\n                                                        <p class=\"body-font-md blog-category\">SAP Analytics Cloud<\/p>\n                                                    <\/div>\n                        \n                    <\/div>\n                <\/div>\n                <div class=\"blog-list-item-bottom\">\n                                        <h5 class=\"h6 blog-title\">Importance of Data Modeling in SAP Analytics Cloud<\/h5>\n                                        <p class=\"body-font-md blog-excerpt\">Data modeling in SAP Analytics Cloud (SAC) is highly valuable and plays a crucial role in the effectiveness of data analysis and reporting. Visit us to know more!<\/p>\n                                        <a href=\"https:\/\/www.accely.com\/qa-en\/blog\/importance-of-data-modeling-in-sap-analytics-cloud\/\" aria-label=\"link\" class=\"body-font-lg link\">Read more<span class=\"link-icon icon-arrow-right\"><\/span> <\/a>\n                                    <\/div>\n            <\/li>\n            \n        \n        <\/ul>\n                    <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>This blog will walk you through creating a Custom Widget from the ground up, providing detailed steps guide.<\/p>\n","protected":false},"author":8,"featured_media":34937,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"product-post":[],"industry-post":[],"solution-post":[141],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>A Comprehensive Guide for Custom Widget in SAP Analytics Cloud<\/title>\n<meta name=\"description\" content=\"This blog will walk you through creating a Custom Widget from the ground up, providing detailed steps on building, uploading, and using your Custom Widget within your story. Let&#039;s dive in and get started.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A Comprehensive Guide for Custom Widget in SAP Analytics Cloud\" \/>\n<meta property=\"og:description\" content=\"This blog will walk you through creating a Custom Widget from the ground up, providing detailed steps on building, uploading, and using your Custom Widget within your story. Let&#039;s dive in and get started.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.accely.com\/qa-en\/blog\/guide-for-custom-widget-in-sap-analytics-cloud\/\" \/>\n<meta property=\"og:site_name\" content=\"Accely\" \/>\n<meta property=\"article:published_time\" content=\"2023-12-19T09:31:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-05T10:48:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.accely.com\/wp-content\/uploads\/2023\/12\/A-Comprehensive-Guide-for-Custom-Widget-in-SAP-Analytics-Cloud.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"432\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Muralidharan Venkataraman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Muralidharan Venkataraman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"A Comprehensive Guide for Custom Widget in SAP Analytics Cloud","description":"This blog will walk you through creating a Custom Widget from the ground up, providing detailed steps on building, uploading, and using your Custom Widget within your story. Let's dive in and get started.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"A Comprehensive Guide for Custom Widget in SAP Analytics Cloud","og_description":"This blog will walk you through creating a Custom Widget from the ground up, providing detailed steps on building, uploading, and using your Custom Widget within your story. Let's dive in and get started.","og_url":"https:\/\/www.accely.com\/qa-en\/blog\/guide-for-custom-widget-in-sap-analytics-cloud\/","og_site_name":"Accely","article_published_time":"2023-12-19T09:31:00+00:00","article_modified_time":"2025-03-05T10:48:16+00:00","og_image":[{"width":720,"height":432,"url":"https:\/\/www.accely.com\/wp-content\/uploads\/2023\/12\/A-Comprehensive-Guide-for-Custom-Widget-in-SAP-Analytics-Cloud.webp","type":"image\/webp"}],"author":"Muralidharan Venkataraman","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Muralidharan Venkataraman","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.accely.com\/qa-en\/blog\/guide-for-custom-widget-in-sap-analytics-cloud\/","url":"https:\/\/www.accely.com\/qa-en\/blog\/guide-for-custom-widget-in-sap-analytics-cloud\/","name":"A Comprehensive Guide for Custom Widget in SAP Analytics Cloud","isPartOf":{"@id":"https:\/\/www.accely.com\/qa-en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.accely.com\/qa-en\/blog\/guide-for-custom-widget-in-sap-analytics-cloud\/#primaryimage"},"image":{"@id":"https:\/\/www.accely.com\/qa-en\/blog\/guide-for-custom-widget-in-sap-analytics-cloud\/#primaryimage"},"thumbnailUrl":"https:\/\/www.accely.com\/wp-content\/uploads\/2023\/12\/A-Comprehensive-Guide-for-Custom-Widget-in-SAP-Analytics-Cloud.webp","datePublished":"2023-12-19T09:31:00+00:00","dateModified":"2025-03-05T10:48:16+00:00","author":{"@id":"https:\/\/www.accely.com\/qa-en\/#\/schema\/person\/f607f6b08bf72badef0da4a7dfd4cc08"},"description":"This blog will walk you through creating a Custom Widget from the ground up, providing detailed steps on building, uploading, and using your Custom Widget within your story. Let's dive in and get started.","breadcrumb":{"@id":"https:\/\/www.accely.com\/qa-en\/blog\/guide-for-custom-widget-in-sap-analytics-cloud\/#breadcrumb"},"inLanguage":"qa-en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.accely.com\/qa-en\/blog\/guide-for-custom-widget-in-sap-analytics-cloud\/"]}]},{"@type":"ImageObject","inLanguage":"qa-en","@id":"https:\/\/www.accely.com\/qa-en\/blog\/guide-for-custom-widget-in-sap-analytics-cloud\/#primaryimage","url":"https:\/\/www.accely.com\/wp-content\/uploads\/2023\/12\/A-Comprehensive-Guide-for-Custom-Widget-in-SAP-Analytics-Cloud.webp","contentUrl":"https:\/\/www.accely.com\/wp-content\/uploads\/2023\/12\/A-Comprehensive-Guide-for-Custom-Widget-in-SAP-Analytics-Cloud.webp","width":720,"height":432,"caption":"This blog will walk you through creating a Custom Widget from the ground up, providing detailed steps on building, uploading, and using your Custom Widget within your story. Let's dive in and get started."},{"@type":"BreadcrumbList","@id":"https:\/\/www.accely.com\/qa-en\/blog\/guide-for-custom-widget-in-sap-analytics-cloud\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.accely.com\/qa-en\/"},{"@type":"ListItem","position":2,"name":"A Comprehensive Guide for Custom Widget in SAP Analytics Cloud"}]},{"@type":"WebSite","@id":"https:\/\/www.accely.com\/qa-en\/#website","url":"https:\/\/www.accely.com\/qa-en\/","name":"Accely","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.accely.com\/qa-en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"qa-en"},{"@type":"Person","@id":"https:\/\/www.accely.com\/qa-en\/#\/schema\/person\/f607f6b08bf72badef0da4a7dfd4cc08","name":"Muralidharan Venkataraman","image":{"@type":"ImageObject","inLanguage":"qa-en","@id":"https:\/\/www.accely.com\/qa-en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4cc00cc3712f61020ecdd949436691b6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4cc00cc3712f61020ecdd949436691b6?s=96&d=mm&r=g","caption":"Muralidharan Venkataraman"}}]}},"_links":{"self":[{"href":"https:\/\/www.accely.com\/qa-en\/wp-json\/wp\/v2\/posts\/6671"}],"collection":[{"href":"https:\/\/www.accely.com\/qa-en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.accely.com\/qa-en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.accely.com\/qa-en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.accely.com\/qa-en\/wp-json\/wp\/v2\/comments?post=6671"}],"version-history":[{"count":8,"href":"https:\/\/www.accely.com\/qa-en\/wp-json\/wp\/v2\/posts\/6671\/revisions"}],"predecessor-version":[{"id":62827,"href":"https:\/\/www.accely.com\/qa-en\/wp-json\/wp\/v2\/posts\/6671\/revisions\/62827"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.accely.com\/qa-en\/wp-json\/wp\/v2\/media\/34937"}],"wp:attachment":[{"href":"https:\/\/www.accely.com\/qa-en\/wp-json\/wp\/v2\/media?parent=6671"}],"wp:term":[{"taxonomy":"product-post","embeddable":true,"href":"https:\/\/www.accely.com\/qa-en\/wp-json\/wp\/v2\/product-post?post=6671"},{"taxonomy":"industry-post","embeddable":true,"href":"https:\/\/www.accely.com\/qa-en\/wp-json\/wp\/v2\/industry-post?post=6671"},{"taxonomy":"solution-post","embeddable":true,"href":"https:\/\/www.accely.com\/qa-en\/wp-json\/wp\/v2\/solution-post?post=6671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}