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

Community Tip - Need help navigating or using the PTC Community? Contact the community team. X

Change the Color of the Tool Tip on the Grid

pshashipreetham
17-Peridot

Change the Color of the Tool Tip on the Grid

Hi,

 

I have a PTCS Gird with me. Can someone please help me with the CSS of the Tooltip of the Grid? Instead of a Grey background colour, I would like to change the colour and height of the tooltip.

 

Thingworx Version: 9.3.8.

 

Thanks,

 

 

Shashi Preetham
6 REPLIES 6

something like this

@supports (ptcs-style-unit: "PTCS-CORE-GRID") {
	[part=header] {
		background-color:blue !important;
	}
}

 

@JU_10321794 ,

 

This is for the Header of the Gird, right?, what is for the Tooltip?

 

Thanks,

Shashi Preetham

@pshashipreetham 

Yes, i don't really know what you mean with tooltip.

 

In the old gridadvanced you would get a tooltip for all each column header(as far as i remember).

It could be that i disabled my tooltips in a global css file an i cant remember.

Can you send a screenshot?

This is the way you have to go. but this changes it for all tooltips on the page.

@supports (ptcs-style-unit: "PTCS-TOOLTIP-OVERLAY") {
	[part=tooltip-text] {
		color: blue !important;
	}
}

 

@pshashipreethamhere you go,

 

@supports (ptcs-style-unit: "PTCS-TOOLTIP-OVERLAY") {
	[part=pointer] {
        fill: blue !important;
	}
}

@supports (ptcs-style-unit: "PTCS-TOOLTIP-OVERLAY") {
	[part=tooltip] {
		background-color: blue !important;
	}
}

background color for the box and the arrow

Hi @JU_10321794 ,

 

Thanks for the effort. They were not working in 9.3.8.

 

Thanks,

Shashi Preetham
Top Tags