qTip Dynamic Width

dynamic width fullcalendar qtip
RajeshShah picture RajeshShah · Oct 1, 2012 · Viewed 9.1k times · Source

I am currently using qTip jQuery plugin in combination with Full Calendar. Both of these works great. However, I am currently stuck at an issue.

Sometimes, my qTip content has to much data. This gets clipped of as the width and height of the qTip tooltip is fixed. Is there any way I can make the width and height dynamic?

I found that the maximum width is 350 but this is not enough for my requirement.

Answer

NetVicious picture NetVicious · Apr 19, 2016

If you don't want to modify the qtip source simply add this in your css

.qtip { max-width: none !important; }

With this css hack the tip will adapt to the content you write inside.

If you want to put a fixed size change the none to the size you need (example: 500px).

Related questions

jquery detect window resize

I have a question about a site I'm working on regarding detecting when the window is resized. I know this has been discussed previously and I've read through many of the discussions and just couldn't get it to work. I'm …

Read More
Deserialize JSON into C# dynamic object?

Is there a way to deserialize JSON content into a C# 4 dynamic type? It would be nice to skip creating a bunch of classes in order to use the DataContractJsonSerializer.

Read More
What is the difference between call and apply?

What is the difference between using call and apply to invoke a function? var func = function() { alert('hello!'); }; func.apply(); vs func.call(); Are there performance differences between the two aforementioned methods? When is it best to use call …

Read More