Skip to Content

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.

/wp-content/uploads/2012/06/1fig_115180.jpg

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.

/wp-content/uploads/2012/06/2fig_115232.jpg

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.

/wp-content/uploads/2012/06/3fig_115233.jpg

Figure 3

Figure 3 shows the Desktop runtime version

/wp-content/uploads/2012/06/4fig_115234.jpg

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.

/wp-content/uploads/2012/06/5fig_115235.jpg

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).

/wp-content/uploads/2012/06/6fig_115236.jpg

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”.

Be the first to leave a comment
You must be Logged on to comment or reply to a post.