Technology Blogs by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
cancel
Showing results for 
Search instead for 
Did you mean: 

Optimized Design Experience in SAP Analytics Cloud - leverage a variety of no-code features coming from analytical applications. Example: Containers 
 
With the release of the Optimized Design Experience in 2023. SAP Analytics Cloud provides many highlights. Now Story designers can also leverage a variety of no-code features coming from analytical applications, like Popup, Panel, Context Menu customization, device-preview etc. Story developer can get the access of the convenient features like all type of input controls, pages, Bookmark/Export dialogs and much more. 
 

The no-code functionality revolutionizes the way story designers work in SAP Analytics Cloud. By allowing them to efficiently position metrics in customizable container objects, it opens a new realm of possibilities for data visualization. Non-technical users can organize key performance indicators in a space-efficient, user-friendly manner. It simplifies the creation of customized dashboards, making it easier to navigate and interpret critical information. No-Code functionality democratizes data analysis, making it accessible and actionable for everyone. Let me show you how easy it works. 

As you know, depending on the selected data connection, SAP Live or acquired data, different visualization objects are available to the designer for insertion, such as Graph, Table, input controls and, in addition to other objects, containers are also available.  
 
In this blog, I would like to give you an insight into how easily containers can be used in dashboard design. No coding experience is necessary when working with containers.  

To show the advantages of the containers, I first created a story page with 3 key figures as an example, which will be repeated in the next steps. 
 
Start your Visualization in Optimized Design Experience.  

 

1) Create a page in a SAC story and rename it into “3 Charts”,and create 3 different chart widgets by your data source of choice. I am using a SAC live model based on a SAP BW query. 

 

thomas_tschimmel_0-1712156123837.png

 

 

2) Create a new Story page, rename the story page to “Tab Strip Container” and insert a Tab Strip Container  

thomas_tschimmel_1-1712156123838.png

 

 

3) Drag and drop your first chart widget into the first container tab (Tab_1). 

thomas_tschimmel_2-1712156123839.png

 

 

 

4) Select the second Tab “Tab_2” and drag & drop the second Chart Widget into the Container frame. 

thomas_tschimmel_3-1712156123841.png

 

 

5) Do the same with the third chart and move it into the related tab (Tab_3). 

 

thomas_tschimmel_4-1712156123842.png

 

 

Select the desired visualization using the corresponding tab menu in your container (Tab_1, Tab_2, Tab_3).  

Please note that you can change the descriptions of the tabs into whatever you want. For example “Tab_1” into “Gross Revenue”. You can do this in the designer tab on the right side. 

 

6) Create a new Story page, rename the story page to “Page Book Container” and insert a “Tab Page Book Container” 
 

thomas_tschimmel_5-1712156123843.png

 

 
 

7) Move your first chart widget into the “Page Book” container: 

thomas_tschimmel_6-1712156123844.png

 

 

😎Change the Page by selecting the second point of the Container Book. 
Drag & drop the second visualization Widget into the container frame. 

thomas_tschimmel_7-1712156123845.png

 

 
9) Repeat the same with the third visualization Widget. 

thomas_tschimmel_8-1712156123846.png

 

 

By selecting the desired page of the Page book, the desired key figure visualizations can be selected. 

By using containers, several key figures can be arranged in one frame to save space. Convenient user navigation is available to the report recipient. 
 

Please find additional information’s and examples in the blog of Jie Deng 

Unifying Story and Analytic Application with the N... - SAP Community 
 
SAP Analytics Cloud