Long text is too wide.

Evan Burchard's Avatar

Evan Burchard

28 Sep, 2010 04:02 PM

I'm using jquery 1.4.1.

I have some text that is a few paragraphs long that I'm trying to display with tiptip. The styling is fine, so I know the plugin is all hooked up alright, but for whatever reason, my maxWidth property is not being respected. I get one or two lines that span the entire width of the page or more. I've tried setting a %, auto, and #px values to no effect.

    $(".tippable").tipTip({maxWidth: "200px"});
  1. 1 Posted by Matt on 01 May, 2011 03:16 AM

    Matt's Avatar

    I got around this issue by adding the following css rule to the tipTip.css file:

    in the #tiptip_content block, add this:
    word-wrap: break-word;

  2. 2 Posted by Shawn Miller on 12 May, 2011 05:01 PM

    Shawn Miller's Avatar

    How about a minWidth setting as well? I have a set of tooltips that I want to have the same/fixed width for all cases (independant of the length of the text)

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:


Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac