Modify the Width of a table column in an IRF

book

Article ID: 106356

calendar_today

Updated On:

Products

CA Process Automation Base

Issue/Introduction

When building a table in an IRF, it might be necessary to set some style settings on an individual column of the table.  For example if you want the width to be smaller or larger than the default.  The "style" property for a field in an IRF is limited to formatting of the text.  This knowledge doc will explain a way to add other styles to a column in a table.

Environment

Process Automation 4.3.x

Resolution

As an example, we have the following screenshot of an IRF with a table and 3 columns.  Notice that the value in the second column is cut off and you can't see the whole value.

<Please see attached file for image>

User-added image

If you click the "Preview" tab of the IRF, in a browser that has developer capabilities (these screenshots are from Chrome), you can right click on the column and select "Inspect".  Notice how it opens the html at the bottom of the screen showing the class for this column:

<Please see attached file for image>

User-added image

There are multiple classes shown in the html above, but the class most specific to this element is the x-grid3-td-Var_1.  So we will use that to alter the style.  

Add an html field to your IRF has shown below:

<Please see attached file for image>

User-added image

For the value of the html field, give is the following code.  (Notice we are also modifying the class associated with the Table Column Header.)

<Please see attached file for image>

User-added image

Click OK and then select "Save" and click on the Preview tab.  Now the second column should be much wider.

<Please see attached file for image>

User-added image

Attachments

1558699413152000106356_sktwi1f5rjvs16jpv.png get_app
1558699411445000106356_sktwi1f5rjvs16jpu.png get_app
1558699409753000106356_sktwi1f5rjvs16jpt.png get_app
1558699407956000106356_sktwi1f5rjvs16jps.png get_app
1558699405829000106356_sktwi1f5rjvs16jpr.png get_app