Modify the Width of a table column in an IRF

Document ID : KB000106356
Last Modified Date : 13/07/2018
Show Technical Document Details
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
Instructions:
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.

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:

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:

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

User-added image

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

User-added image