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


Several methods have been developed in order to use the opportunities of social media in general and Facebook in particular. A very popular method of enhancing audience of a website is getting Facebook 'likes'. A high number of Facebook 'likes' shows that...  more »

This is one of those simple web page design things that can drive a web developer absolutely crazy.  more »

Facebook allows you to tag your friends in your status updates using the @ symbol. The tagging feature in facebook is similiar to that of Twitter, but you don't need to know your friends "@username" to use the tag. Instead follow these instructions to tag...  more »

For about a month now, whenever I visited certain sites like Mashable.com using Internet Explorer 8 browser, I was getting redirected to the mobile browser version of the site instead of the regular web version. This was pretty annoying and I wasn't quite...  more »

Using Facebook began with curiosity. We wanted to know what’s going on and we wanted to be considered “in” so that’s why almost all of us created our respective accounts. However, this social networking site can easily become an...  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 »

In this tutorial, we'll look at how to set up automated reports scheduling in a Yahoo! Search Marketing account. The purpose of setting up reports scheduling is to have your Yahoo Pay Per Click stats sent directly to your email inbox, thus saving you time...  more »

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 »

I would like to learn how to get the skills and education to be able to build interactive websites. Can you give me some help and explain how to get started?  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 »

Due to various circumstances, websites can become unavailable for a period of time. Thus, listed below are the services that you can use to be able to view sites even when the website servers are down. Coral Cache Coral Cache comes handy at times when...  more »

It's clear Facebook is the biggest social networking site around the world. Almost everybody is using it and people stay connected with one another because of this amazing platform. Having a Facebook account can give you a lot of advantages. However,...  more »