Dashboard widget modify html/CSS

lorenzo_blasio
Tera Contributor

Hi,

 

i have a dashboard with many different widget like this:

 

lorenzo_blasio_0-1668424594043.png

 

i would be able to modify the css of the message "This widget...." to make it more readable.

How can i do?

 

Thanks

1 ACCEPTED SOLUTION

Mohith Devatte
Tera Sage
Tera Sage

hello @lorenzo_blasio i dont think so because all the widgets that are rendered using OOB code which cant be edited 

 

Hope this helps 

Mark the answer correct if this helps you

View solution in original post

2 REPLIES 2

Mohith Devatte
Tera Sage
Tera Sage

hello @lorenzo_blasio i dont think so because all the widgets that are rendered using OOB code which cant be edited 

 

Hope this helps 

Mark the answer correct if this helps you

Rick Forristall
Tera Guru

I too wanted to add custom css styling to my dashboard, but also could not find an out-of-the-box way to add css. So, I created a way to add CSS to dashboards by creating:

  1. A UI Page (contains css styling)
  2. A System UI Widget (reference the UI Page)
  3. Add the System UI widget to the dashboard.

***NOTE: this uses DOM manipulation, and that creates risk. I felt the risk was low, so opted to do it this way.

Check out my blog article that:

  1. Walks through the process.
  2. Has code samples for the UI Page and System UI Widget
  3. Has a video showing how I did this:

https://www.sn-101.com/i-just-want-some-style-in-my-dashboards/