Maximum Width of jQuery UI Tooltip widget

jquery-ui jquery-ui-tooltip
sl3dg3 picture sl3dg3 · Oct 18, 2012 · Viewed 50.8k times · Source

I use jQuery UI's new Tooltip and having trouble with figuring out how to set a maximum width of the tooltip. I guess it should be done with position, but how?

Answer

sl3dg3 picture sl3dg3 · Oct 18, 2012

Based on Senni's reply, I added following to a separate CSS-file:

div.ui-tooltip {
    max-width: 400px;
}

A sidenote: Make sure your separate CSS follows after the ui-css, otherwise there will be no effect. Otherwise you also could use the !important - marker.

Related questions

Jquery UI tooltip does not support html content

Today, I upgraded all of my jQuery plugs-in with jQuery 1.9.1. And I started to use jQueryUI tooltip with jquery.ui.1.10.2. Everything was good. But when I used HTML tags in the content (in the title attribute of the element I …

Read More
jQuery UI TypeError: e.widget.extend is not a function

I have updated my jQuery files including jQUery UI to use the tooltip feature. But now Javascript is dieing with the following error: TypeError: e.widget.extend is not a function Can anyone help me?

Read More
positioning jQuery tooltip

I'm trying to customise the positioning of my tooltips, using jQuery UI Tooltip and this code: $(".karma").tooltip({ position: { my: "center bottom", at: "right top" } }); But whatever I do to "my" and "at" nothing changes. What am I doing wrong? …

Read More