How to edit the table properties in Create HTML Content Activity

Help Studio
, ,
1

Hello All,

I have a data table and have used ‘Create HTML Content’ activity where I have added the data table into it using ‘Add Data values’ option. However, I couldn’t find where I can find the Table properties.

For Example, I have added the data table variable in HTML Content activity . Now,

  1. I have to change the font color of the Header alone.
  2. Adjust the Width of the first column alone.

How these could be achieved.? Can any one help here please.

Thank you.

2

Hi @shahidh.aqeel.shahul

After you map the Data table variable click on the below marked place.

image
image993×561 10.5 KB

You will find the HTML code where you can change your HTML code according to your requirement.

Hope it helps!!

3

Hi @shahidh.aqeel.shahul

Check the below thread

4

Hi @Parvathy

Thank you for the response. I have added the data table as below.

image
image808×289 10.6 KB

On clicking the icon as suggested, it displays as below.
image

The HTML code mentioned it as Table. The table properties are not available.

5

as the Activity will render the table fragment ootb there is no config option on how the table will be generated by the template engine / component.

can be done by

  • post manipulation the generated HTML Code
    OR
  • adding CSS rules to the HTML template file:
    The image shows a UiPath activity configuration for creating HTML content, with the "HTML Template" field highlighted and set to the file path ".atatmlContent10.html". (Captioned by AI)
6

Hi @pravallikapaluri

Thank you for the response. After Adding the Table in the “Edit HTML Content” window, I need to change the font, column width etc of the added table. So, how this could be achieved. Can you please help.

7

Hi @ppr
Thank you for the response. When trying to manipulate the HTML code, the code just displays it as Table. The properties of the table is not available. Can you please explain where and how I can do it?

image
image720×519 8.65 KB

8

you defined a rule for class mapping, which is not used / generated. We recommend to setup the CSS Rules on native HTML element structures

9

Can you please help me with how CSS rule set up could be done?

Thank you.

10

just share with us your self rating on your CSS skills:

formatting the th elements, just define a CSS rule for TH

11

Not much experienced in CSS however has the understanding of the HTML Code.

CSS rule for TH would be background color: Green, Color: Black, text align: Centre, font weight: Bold

12

you can do the following:

  • setup a miniflow like:
    The image depicts a sequence of activities in a workflow, starting with "Build Data Table," followed by "Create HTML Content," and ending with an "End" activity. (Captioned by AI)

use immediate panel and inspect the generated result
Understanding the 6 Debugging Panels of UiPath in the easiest way possible! - News / Tutorials - UiPath Community Forum
(dont get confused by the escaped " with a second ")

use

for your prototypings and check your CSS rules