Saturday, February 28, 2015

Enable Column Show/Hide for Gridx Table Coach View in IBM BPM

This is post will be useful for those who want to extend Grid Table from Kolban TK with show/Hide columns functionality.

Gridx Table from Kolban TK has awesome functionality packed with it, but am not going in detail about all of it. You can check this by going through the bpmwiki url for Gridx Table. I would like to give details on how to customize the Gridx Table to add show/Hide columns functionality.

Below are the steps to do the customisation:

1. Gridx API provides a module to show/hide columns in the grid (table). we need to add that as an AMD dependency to the Coach View as shown in the below figure.


2. Now go to the Variables tab and add a variable hideColumns in the Configuration Options, which will accept a comma seperated string of column numbers to hide. Below image shows the variable to be added under configuration options.

Wednesday, February 25, 2015

How to Access Coach View element in Custom HTML

Many of ibm bpm developer out there including me are wondering on how to gain control (access) over coach view elements in the coach from the Custom HTML using script. This use to be very easy in the 7.x versions of the IBM BPM where there is no concept of coach views. But even in 8.x version of IBM BPM with the introduction of coach view, it is bit tough but not achievable. After a bit of research I am able to achieve this. Just though of sharing it with you all.


In this post, let us see these two simple scenarios:
  • how to access a button coach view element and add an onclick event to it.
  • how to access an input element and read the value of the input element.

In the coach add a customHTML , inputText and Button coach view from the pallet on the right Side as shown in the below figure.
 Once added, check the control Id of the Input text and Button coach views (edit the same if you want to give a meaning full name to the control id)as shown in the below. This control Id is very important in order to access the UI element. In coach transformation this control id will be transformed to data-viewid (you can find this by looking at the html source of the page)

Tuesday, February 24, 2015

Please Wait dialog Coach view in IBM BPM

Please wait Dialog is one of the common and useful UI features which is needed and helpful when there is a significant time consuming back ground operations involved while navigating between one screen to other screen.

In this post, let us see how to create a coach view which shows a Please wait dialog as shown in the below figure, when some back ground operation is happening while moving from one screen to another / while loading some data to the same screen.

Please Wait Dialog in the Coach

First Step to create this coach view is to search the web and find the animation (.gif) for Please wait Dialog. Once you find that, add the same under the files section in the Process Designer  as a web file as shown in the below figure.

Friday, February 6, 2015

Export to Excel in Gridx Table Coach View in IBM BPM

This is post will be useful for those who want to extend Grid Table from Kolban TK with Export to Excel functionality.

Gridx Table from Kolban TK has awesome functionality packed with it, but am not going in detail about all of it. You can check this by going through the bpmwiki url for Gridx Table. I would like to give details on how to customize the Gridx Table.

Before starting the customization, it is always a good idea to copy the artifacts from toolkit to your Process App . In the Export to Excel we are going to use "data-redirect.jsp", which comes out of box with IBM BPM and feed csv data from the table and export it  as excel. Here is how we do it.

Step 1:
We need to add two AMD dependencies as shown in the below figure: