Table Layout

Paul Butler

June 20, 2017 at 8:48 pm #4398

I am struggling to format a suitable table. I want to limit coding, and try to do it purely with the UI toolkit and configuration (if possible)

I want to layout 7 variables as shown in the attached picture. I have it laid out using wells within wells, but I can’t work out how to add the borders to the cells. Any advice would help.

Paul Butler

June 21, 2017 at 1:52 am #4400

<!–more–>

SPARK Support

June 21, 2017 at 9:36 am #4403

Hello Paul,

You may want to try using Table Layout controls.  See the article here: https://salientprocess.zendesk.com/hc/en-us/articles/205861818-Table-Layout-Table-Layout-Row-Table-Layout-Cell

As for applying style, you can use the HTML Attributes to add classes to each control and affect the style.

Regards,

Stephen P.

Lalitha Vempati

August 30, 2019 at 2:47 am #5546

I have a requirement to show validation on screen using setValid function on onBlur event . Now in a table a date field is present which has to be compared with todays date.

I want to know the field to get it valid using setValid() function. something like below to validate.

var early=this.ui.get(‘Date_Time_Picker5’).

early.setValid(false,”Expiry Date has expired”);

“Date_Time_Picker5″ is the control id of date field which is present in table of table control id ‘Table1”

Thanks & Regards,

Lalitha

SPARK Support

August 30, 2019 at 4:24 am #5547

Hi Lalitha,

Unfortunately, the Date Time Picker does not support an On Blur event.  As IBM now owns the BPM UI toolkit, if you feel this should be an included out-of-the-box feature, please submit a Request For Enhancement to IBM here: https://www.ibm.com/developerworks/rfe/?PROD_ID=546

However, the Date Time Picker does provide plenty of configuration options for date ranges, blackout days and disabled days: http://support.salientprocess.com/docs/enterprise/DateTimePicker.html

You may also want to try using the BPMEXT getInvalidViews() method after setting the control invalid On Change: http://support.salientprocess.com/docs/enterprise/bpmext.ui.html#getInvalidViews

Regards,

Stephen P.