Skip to main content

Posts

Showing posts with the label spark control

Change SPARK UI Table page size on Enter key

SPARK Table control is really a improved table compared to IBM BPM out of box Table control. But there are small annoying behaviors which might need a tweak to fix. One of such bug is no support of Enter key press on page SIzer control of Table to change the number of rows per table page. Out of box, you need to press Tab to reflect the change. To fix this you need to register the Enter key press event to do the stuff. Below is the script you need to add on Table On_Load event to make the Enter key press work.  me._instance._pageSizer.onkeypress = function (event){return (event.charCode >= 48 && event.charCode <= 57) || (event.keyCode == 8) || (event.keyCode == 9) || (event.keyCode == 13);};

How to pass parameter to function while calling it in spark controls

This is extension to the article of Creating Custom Functions in Spark UI Toolkit. It don't have option to explain how to define the function with real input parameter and invoke it with data. To understand how to Create Custom Function in Spark, please refer this  link. Here I'll explain how to define the function with real input parameter (not the control input) and how to invoke it with the data. It's the normal way of writing any parameterized function in custom HTML (Advanced control) in IBM BPM, like openLink(control, val) {//code here;}. Screenshot below. In this you can see I'm using val variable to get the input and deciding the link to open based on it's value. The suggested way to call the function in spark on any control event is like @openLink() as shown below.   But this will not pass any value. Interestingly as per the explanation in the Spack help, it pass the control reference in the function. and you can't try the combinations of passing the e...

Using Link Button control of SPARK UI Toolkit in BPM 8.5.7

One of the missing control from IBM BPM 8.5.7 Responsive Coaches components is the Link control. To achive this we need to create our custom control and use it or if you have Spark UI Toolkit, then you can use the Link control. The control has two use types: URL and Boundary Event. Link as URL: You can set the Link Type behavior to URL and provide the inline URL or bind the variable having valid URL. By default the URL link will open in new window. If you want to replace the existing window, you can check the option Open in Same Window. Link as Boundary Event: You can also use the Link control to inact as button and can define the navigation flow in the service. For this you need to set the Link Type as Boundary Event. No need to provide any URL as it'll anyway ignore it. Now you can draw the sequence line for the Link control and have your flow and code in place.  But interesting part to do here is check the Open in Same Window . If you don't enable this check box, in IE11 the...

Localised Calendar in BPM 857 using Spark Date Picker

I found a way to get the Swedish calendar and its easy one time effort Following is the steps to get any localised calendar. The steps is to achive the Swedish version of calendar. 1. Extend the ‘Resource Bundle Group’ called CONTROLS to add “svenska (Sverige,Euro)” localization. 2. Duplicate I18N Service (ajax service) to use modified CONTROLS. 3. Enable the I18N option in the Date Picker to use the locale. 4. Add 'Configuration' control in the coach and use the I18N service from step 2. Note: We can set our locale by Edit Profile in Process Portal.               Cheers, Saroj