How to increase the text in a report legend

Mi1
Tera Contributor

Hi,

The report is displayed in the portal.

I want to increase the size of the part filled with yellow.

Is there a setting method?

 

Regards,

1 ACCEPTED SOLUTION

Willem
Giga Sage
Giga Sage

Hi Mi,

You can do this using CSS on the Widget Instance. To do this, follow these steps:

(Please note, although the widget is different, same steps can be applied for your report)

 

On the widget in the Portal, ctrl + right click on the widget and select 'Instance in Page Editor':

find_real_file.png

 

You should see (something similar as) the following:

find_real_file.png

 

In the CSS field enter the following and press Save:

(change 20px to any size font you want)

g.highcharts-legend-item > text{
    font-size: 20px !important;
  }

(change g.highcharts-legend-item > text to the element selector of the item you want to resize if above is not working for your widget).

 

And done:

 

find_real_file.png

 

As this might help others I have created an article of this as well:

https://community.servicenow.com/community?id=community_article&sys_id=d275f2d6db110910e515c22305961...

View solution in original post

4 REPLIES 4

Saurav11
Kilo Patron
Kilo Patron

Hello,

As per my understanding i don't think there is any way we can increase the size of it.

Thanks.

Please mark answer correct/helpful based on Impact.

Willem
Giga Sage
Giga Sage

Hi Mi,

You can do this using CSS on the Widget Instance. To do this, follow these steps:

(Please note, although the widget is different, same steps can be applied for your report)

 

On the widget in the Portal, ctrl + right click on the widget and select 'Instance in Page Editor':

find_real_file.png

 

You should see (something similar as) the following:

find_real_file.png

 

In the CSS field enter the following and press Save:

(change 20px to any size font you want)

g.highcharts-legend-item > text{
    font-size: 20px !important;
  }

(change g.highcharts-legend-item > text to the element selector of the item you want to resize if above is not working for your widget).

 

And done:

 

find_real_file.png

 

As this might help others I have created an article of this as well:

https://community.servicenow.com/community?id=community_article&sys_id=d275f2d6db110910e515c22305961...

Nice I did saw one community thread earlier where it was mentioned we can do something on the lines of CSS but you explained it well.

Mi1
Tera Contributor
Hi, Thank you. I'm glad I got the information I wanted to know. Regards,