cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - You can Bookmark boards, posts or articles that you'd like to access again easily! X

Bar chart has default CSS rules with padding

IR_10730188
6-Contributor

Bar chart has default CSS rules with padding

Hello.
I am implementing mashup for a client and he wants to display on screen various bar charts, similar to those  you see in the picture. I used Themable  Bar Chart in Thingworx 9.3
I used collection widget, each collection cell has only has this single chart widget.
The problem is that client screen has small resolution and I can not allow to widget to have 32px padding. (see picture)
Is there a way to remove/modify this two CSS rule (:host{} and [part~="chart-layout"])  from Shadow DOM?
Thank you.
Illya.

padding.png

ACCEPTED SOLUTION

Accepted Solutions

Hi @IR_10730188 

 

You can use Custom CSS to control chart padding

.customCss ptcs-chart-bar::part(chart-layout)
{
  padding : 10px;
}

 

Or directly on Widget Style Properties

Velkumar_1-1704862490579.png

 

Velkumar_0-1704862374644.png

 

/VR

 

View solution in original post

1 REPLY 1

Hi @IR_10730188 

 

You can use Custom CSS to control chart padding

.customCss ptcs-chart-bar::part(chart-layout)
{
  padding : 10px;
}

 

Or directly on Widget Style Properties

Velkumar_1-1704862490579.png

 

Velkumar_0-1704862374644.png

 

/VR

 

Announcements


Top Tags