More Experiences with SAP Zen aka BusinessObjects Design Studio – How to do Clickable Images
In previous demos we’ve seen SAP show clickable images of a laptop and then show relevant information to the laptop. This week, I decided to try that for myself.
It is easy to do – simply create your images, copy them over to the repository, create an image in BusinessObjects Design Studio and create an event. I will demonstrate below.
Figure 1
In Figure 1, I am in design time of BusinessObjects Design Studio. I have a crosstab, a chart and 3 images representing the SAP modules where support tickets have been issued. My data source is a BEx query.
Figure 2
Figure 2 shows the “on event” for the script editor for the PM image. When the user clicks on the PM Plant Maintenance image only select the data with PM tickets.
I did not code this, I used the CTRL-SPACE script wizard provided by BusinessObjects Design Studio.
Figure 3
Figure 3 shows the Desktop runtime version
Figure 4
In Figure 4, the user clicks on the PM image, so only PM related tickets show up in the line chart and the crosstab.
Figure 5
Figure 5 shows that BusinessObjects Design Studio takes advantage of the BEx hierarchy features as I am drilling down into the PM hierarchy tickets. I figured out too that by double clicking I can expand the column width (run time).
Figure 6
Figure 6 shows how the application looks deployed in the iPad. It is simply one click to deploy the application to the iPad.
So in this example, I used images so the user can click on the images to analyze the tickets and also used BW hierarchies and then deployed the application to the iPad.
I still haven’t had to code yet in SAP Zen, aka “BusinessObjects Design Studio”.