View Only

 How to make a tooltip bigger?

  • Pentaho
  • Pentaho
Mauricio Valencia's profile image
Mauricio Valencia posted 02-18-2019 17:13

Hi everyone!

I have been creating some dashboards using Pentaho CDE. After creating a Metric Dot Chart I noticed that the tooltip shown by a dot it is not giving all the information as it should:


The number, "Neto facturado", it's being split and I want to show it just in one line (2 840 270 393), not two.

How can I achieve this?

Thank you!

Paulo Pires's profile image
Paulo Pires

Hi Mauricio,

If you open the developer tools in Chrome, or any other dev tool in other browser, in the Elements tab, you can see that every time a tooltip is generated, a div appears in the body container of the dashboard.

That div has the CSS class "tipsy", and there is other children divs accordingly.

So to change the layout of the tooltip you need to create a external css file with the properties that you want to apply to it.

Best regards

Duarte Cunha Leao's profile image
Duarte Cunha Leao

Also, it might help to take a look at the tipsy's css file:

ccc/tipsy.css at master · webdetails/ccc · GitHub