So far in this blog series, we looked at an overview of SAP Analytics Cloud – Application Design use case and created our first interactive analytic application. Now we will explore popups a bit further.

Popups

Popups are container widgets that can hold other widgets. During runtime, they can be configured to ‘pop up’ on top of the application to deliver contextual insights. This also allows the users to view secondary insights on-demand, conserving valuable real estate.

View the popup in action here. (Note that this is an enhanced version of the application that we built in the previous exercise).

Following are the steps to implement a popup.

1. Add a Popup Widget

Select the plus (+) icon in the ‘Popups’ view.

You will be presented with a separate popup canvas with its own outline.

Clicking on the canvas header allows you to toggle between main canvas & popup canvas.

As with the main canvas, you can configure the Popup styling using the options. Note that the dynamic sizing option is not available for popups.

2. Configure Popup Header & Footer

Under the ‘Builder’ settings, you can enable the header & footer for the popup. This allows you to designate a title and the type of buttons needed for the footer.

Note that the button is identified by the name ‘button_close’. This identifier will be later used during scripting.

3. Add & configure components on the Popup Canvas

You may add a table or a chart to the popup canvas and configure it to show additional information.

4. Define the interactions (using Scripting)

Now that we have set up two canvas elements (main & popup), it is time to set up the interaction between the two. Note that the popup canvas is disabled/hidden by default.

On the main canvas, add a button titled ‘Product Report’. We would want the popup to show up when the user clicks on this button.

Add the script Popup_1.open(); in the onSelect() event of the Product Report button.

Now on the event onButtonClick() of Popup, add the following script to close the popup.

Save & run the analytic application. You will be able to invoke the popup when needed during runtime and close it as required.

* * *

In the subsequent blog we will explore how to dynamically show/hide widgets in analytic applications.

Reach out to us here today if you are interested to evaluate if SAP Analytics Cloud is right for you.