I have a need for a fixed custom width for the tooltip. How would I go about hard-coding the width?

Comments

jpdaut’s picture

jpdaut commented

I think I answered my own question: just set min and max widths to your desire. For ex:

.ui-tooltip, .qtip{
max-width: 380px;
min-width: 320px;
}

bocaj’s picture

bocaj commented
Status: Active » Closed (works as designed)

Glad you were able to figure this out @jpdaut!

liquidcms’s picture

liquidcms commented
Issue summary: View changes
Status: Closed (works as designed) » Active

i rewrote a views field to get my qtip using this:

<span class="qtip-link">
  <span class="qtip-header">File Info</span>
  <span class="qtip-tooltip">
     <strong>Abstract:</strong><br>
     [body]<br><br>
     <strong>File size:</strong>
     [filesize]<br>
  </span>
  <span>[filemime]</span>
 </span>

and then using hint above i added this in css:

.ui-tooltip, .qtip{
  max-width: 600px;
  min-width: 600px;
}

but i ended up with this: http://screencast.com/t/3taEM6jpuE

any hints?

bocaj’s picture

bocaj commented
Version: 7.x-1.5 » 7.x-2.x-dev
Status: Active » Closed (fixed)

There is now Views integration in 2.x. I believe this issue is resolved. Please reopen if this is not the case.