Using Popups
You can use popups to design interactive analytic applications and
dashboards.
Context
The popup helps application users to quickly enter information, perform
configurations, or make selections. You can also use them to display more specific
data for a selected item displayed on the main page of the application. Because the
popup acts as a container widget, you can put any other widget into the popup, such
as a table, button, or checkbox.
As an application designer, you can choose to design a popup starting from scratch,
or enable the header and footer setting to turn the popup directly into a popup
dialog that has a consistent look and feel compared to other dialogs in SAP Analytics Cloud stories.
Procedure
-
In the
Outline
panel,
expand
Layout
and click the button right next to
Popups to create a new popup.
Its icon and a default name are displayed under
the
Popups.
-
Double-click the new popup and rename it.
-
If you want to turn the popup into a dialog, go to the
Designer panel and choose the
Builder tab. In the Popup
Settings, turn on the Enable header &
footer option. Otherwise, skip to step 5.
- Optional:
If you want to change the dialog title, add or remove buttons, change the IDs
and descriptions of the buttons, or customize the button details such as visible
or not, enabled or not, and highlighted or not, do so in the
Builder panel, then click
Apply to apply all the settings.
-
Design the popup by adding widgets to the popup, such as dropdown boxes,
tables, or charts. These widgets are the visualization of the popup. If no
widgets are added, even if you save the empty popup to the analytic application
you won't see the popup displayed when you trigger it while running the analytic
application.
For pop-up dialogs, you can only add widgets to areas other than the header
and footer.
-
Edit the style of the popup in the Styling panel; for
instance, to change the popup's height and width.
Note
The height and width you set won't take effect if you add only one widget
to the popup. To run the popup as designed, make sure you add more than
one widget to the popup.
-
Add a script to the popup by clicking the widget corresponding to the popup in the
Outline
panel and selecting the button.
The script editor opens in a new tab where you can add scripts.
Note
In the script editor you can use the value help for data-related values
when writing scripts. Consider the following points when using this
value help:
-
To return to the popup itself or to the main canvas, click the
button and choose your popup or the main canvas.
-
To delete the popup, choose the button next to your popup in
the
Outline
panel and choose
(Delete).