Formatting of column header toolip

QuestionsFormatting of column header toolip
Gary Michael Wilson asked 3 years ago

Hi Abu,

I continue to be impressed with your grid. However, I have a question about column header tooltips which are extremely useful. How do I format these? For a long tooltip, at the least I wanted to insert a few blank lines. I tried HTML tags like <br> and also characters like “\n” but these had no effect.

Many thanks, Gary

2 Answers
Mike answered 3 years ago

The tooltips are handled in the ui.jqgrid.css file.

I added the following to allow for carriage returns in the tooltips (I use \r\n and it works fine):

.tippy-tooltip.light-theme{
font-family:roboto,tahoma,arial;
border:1px solid #cdcdcd;
font-size:12px;
white-space: pre-line
}

 

 

Gary Wilson answered 3 years ago

That works well Mike. Many thanks.

Your Answer

5 + 15 =

Login with your Social Id:

OR, enter

Attach code here and paste link in question.
Attach screenshot here and paste link in question.



How useful was this discussion?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate it.

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?