14
Views
3
Comments
ToolTip Issue
Question
Application Type
Reactive

Hi All,

I want to display ToolTip on TableWidget's specific Column. But when I try to display I got this weird output. 


.tooltip-wrapper {
    max-width: 200px !important;
    background-color: #f1f1f1 !important;
    color: #000000 !important;
}

I tried to apply above css but it is not working. Please help me here


App Type : Reactive

Thanks

Rank: #510

Hello, Steave!

If you want to change the tooltip-wrapper style class of a specific column you will to need follow these steps:

  1. Open the StyleSheet Editor (It can be done from the Header Cell -> Style Classes -> Style Sheet Editor)
  2. Create a new style class for the specific column (e.g. .tooltip-wrapper-col-01{})
  3. On the next line, put your .tooltip-wrapper class "inside" the .ChangedColumn class (e.g. .tooltip-wrapper-col-01 .tooltip-wrapper {...})

  4. On the Header Cell -> Style Classes, put the "tooltip-wrapper-col-01" class.

It will affect all .tooltip-wrapper classes inside the tooltip-wrapper-col-01 style class.

Rank: #18752

Thanks for reply KaduBorges. Still not working. I am getting the same output

Rank: #510

If it's possible, you could send here the theme that you have been changing so I could apply it here to search for the problem. Or, at least, you could send me the inspect information from the browser, so I can compared with mine.