Solved

Word Wrap Text in Spry Tooltip widget

Posted on 2010-09-16
7
649 Views
Last Modified: 2013-12-24
I am using Spry Tooltip widget and I cannot get the text to wrap!  Instead, it just cuts it off.
<cfset RegionAssign = "This is the text that should be in the box and needs to wrap">



            <div id="Region#Region_ID#">

                #Region#

            </div>

            <div id="Title#Region_ID#" class="tooltipContent" style="width:200px;font-size:.9em;">#RegionAssign#</div>

            <script type="text/javascript">

            var tt1 = new Spry.Widget.Tooltip('Title#Region_ID#','##Region#Region_ID#', {offsetX: "10px", offsetY: "10px"});

            </script>

Open in new window

0
Comment
Question by:Lee R Liddick Jr
  • 4
  • 3
7 Comments
 
LVL 6

Accepted Solution

by:
reiters earned 500 total points
ID: 33693327
Seems like you may have CSS set somewhere defaulting to "overflow: hidden;" thats getting applied to your div.  Have you used that somewhere that might be getting assigned and you don't remember it?

maybe try something like this?
<div id="Title#Region_ID#" class="tooltipContent" style="overflow: show;width:200px;font-size:.9em;">#RegionAssign#</div>

I know very little about css so im completely guessing...good luck
0
 

Author Comment

by:Lee R Liddick Jr
ID: 33693444
That didn't work, but thanks.
0
 
LVL 6

Expert Comment

by:reiters
ID: 33693524
The only way, that I can think of, that  content can be hidden like that is with overflow: hidden; or iframe.  I wouldn't think it's an iframe.

If you use firebug plug-in in Firefox you can inspect the element and see where the css is being applied.

If I could get an link here or through private message I'd be happy to look at it.
0
PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

 

Author Comment

by:Lee R Liddick Jr
ID: 33693617
its on a secure network...let me look at firebug and see what I can see and figure out.
0
 

Author Closing Comment

by:Lee R Liddick Jr
ID: 33840385
I never did figure this out...I just went a different route so I'm just awarding the points to the answer you provided.  Thank you!
0
 
LVL 6

Expert Comment

by:reiters
ID: 33840429
Thank you for the points.  You can always request your points funded if you do not get an answer.  I don't think anybody helping expects points if their solusion isn't correct.
0
 

Author Comment

by:Lee R Liddick Jr
ID: 33840480
Not a problem...I'm sure it will help someone else out though if they search on a solution for something like this.
0

Featured Post

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Today, I was working on some optimization and spam-stopping techniques when I encountered Ben Nadel's post to reduce spam feature using Math (http://www.bennadel.com/blog/197-How-I-Stop-Spammers-On-My-ColdFusion-Blog.htm). While this method is not o…
One of the typical problems I have experienced is when you have to move a web server from one hosting site to another. You normally prepare all on the new host, transfer the site, change DNS and cross your fingers hoping all will be ok on new server…
Migrating to Microsoft Office 365 is becoming increasingly popular for organizations both large and small. If you have made the leap to Microsoft’s cloud platform, you know that you will need to create a corporate email signature for your Office 365…
In this video I am going to show you how to back up and restore Office 365 mailboxes using CodeTwo Backup for Office 365. Learn more about the tool used in this video here: http://www.codetwo.com/backup-for-office-365/ (http://www.codetwo.com/ba…

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now