How to Add a Line Break to a Tooltip

by Updated June 1, 2018

It's possible to add line breaks to a HTML ToolTip tag.  To add the line break simply use either the 
 entity or in some cases the \n escaped newline character will work.

In a regular HTML page the ToolTip title tag would look like the following when creating a line break:

-----------------------------------------------

title="First: We will break the line here 
 Second: then continue on this line."

-----------------------------------------------

 

In ASP.NET, the tooltip line break uses \n and would look like this:

-----------------------------------------------

ToolTip="First: We will break the line here \n Second: then continue on this line."

-----------------------------------------------

 

I have only tested this in Internet Explorer 7, so you will want to test this out in Firefox and Safari as well. To test Hover Over This.

Keep in mind there may be a limit to the number of characters you can have in a Tooltip.
 

 

 


0
6

6 Comments

anonymous by Amy on 7/22/2008
Doesn't work in my Firefox 3. The entire tooltip shows up on one line.
anonymous by Doğan on 1/9/2009
Line Breaks in flex...
In flex ide, you can do this with toolTip="Hello
World". But you must use code editor. If you do this with Flex Properties panel, flex converts & char to &amp naturally for xml compability. Use code editor :)
anonymous by Jordi Camps on 4/22/2009
Well, I didn't manage to get the \n working. The 
 separator did work, as proposed by Dogan (from ASP.NET in my case).

But the above only works in IE... it looks like it's impossible to add line breaks in standard tootips in Firefox. The good thing about the 
 solution is that it is transparent in Firefox (no line break but, at least, no other strange chars!)
anonymous by Enrique on 4/27/2010
Thanks. That really helped.

 worked in Google Chrome
anonymous by buddy on 6/8/2011
\r\n also works on chrome (didnt even test \n alone)
anonymous by Charlie on 6/17/2011
Thanks Buddy

Add your comment

by Anonymous - Already have an account? Login now!
Your Name:

Comment:
Enter the text you see in the image below
What do you see?
Can't read the image? View a new one.
Your comment will appear after being approved.

Related Posts


Here's how to quickly change the default search engine in Safari for iPhone or iPad, from Google to a different search engine provider such as Yahoo, Bing or DuckDuckGo. To change the Default Search Engine in iOS Safari on iPhone do the following: On your...  more »

We often bump into questionnaires, quizzes and surveys followed by a draw. Almost each page owner organizes a Facebook competition, but many of them do not pay attention to the promotion guidelines. It is easy to organize a contests, but it is not easy to...  more »

Most of us use Facebook for several reasons. Moreover, almost all of us are guilty of spending too much time on the social networking website. Well, we can’t be blamed. Facebook provides us with all the news that we need and it easily allows us to...  more »

After a recent Norton Internet Security 2009 update, I found that I was now seeing green circle checkmark icons in Google search results. When hovering over the checkmarks a Norton Site Safety box popped up alerting me that the site was safe (or not...  more »

To find text on a web page in Internet Explorer 9 (IE9), you can use the "Find" search bar, which is built into IE9. In IE9, the "Find on this page" function is now in the Tools menu. To quickly open up the "Find" search bar, use the Find keyboard...  more »

Facebook now makes it possible to Link Your Facebook Page to your Twitter account. Essentially, you're able to share status updates, links, photos, notes, and events with your followers on Twitter, directly from your Facebook Page. So things you post to...  more »

If you use Windows Live Hotmail, at some point you may want to add an email address or domain to your safe senders list (whitelist). This will insure that you will continue to receive emails from the sender's address without the them going to the spam or...  more »

Google Adwords makes it extremely easy to export your Adwords Campaign into another advertising network. Google allows you to download an export .CSV file of your Adwords Account, Campaigns or Adgroups to your computer, which you can then easily upload...  more »

So are you sure you're ready to cut ties with your friend on Facebook for good? You may want to take a few days before you decide to remove them from your friends list to think about the decision, since this act could really cause more drama than you...  more »

In this quick tip, I'll show you how to change the default search engine provider in Internet Explorer 9. By default, Bing is the preset search provider in IE9, but you can change this to Google, Yahoo, or another search engine if you like. Here's how to...  more »

Craigslist is an online local advertising medium that allows you to post free classified ads on the web. You can get the same type of exposure similar to a garage sale but you do it over the internet. Even if you have never used an online classified site...  more »

So I recently discovered that the Conduit Search Engine had become the default search engine in my Firefox browser. Fortunately, it's pretty simple to remove Conduit from your Search Engine List in Firefox. Here's how you can quickly remove the Conduit...  more »