Mouse over tips

kalyan_y · 30 Apr 2010 02:03:40 AM

Hi All,

We are displaying tooltips for the report elements using the script below(given in the support).

<a title = "text"></a>
[/list]

We have larger texts that are to be displayed and using the script above, the text is getting truncated.

Can any of u help me to display the complete text without getting truncated. Also the mouse over text is being displayed for a few seconds. Is there any way to increase the time it gets displayed?

Thanks in advance

Ron McIntyre · 30 Apr 2010 10:25:09 AM

Quote from: kalyan_y on 30 Apr 2010 02:03:40 AM
Can any of u help me to display the complete text without getting truncated. Also the mouse over text is being displayed for a few seconds. Is there any way to increase the time it gets displayed?

Kalyan,

Just using the html <title> tag, no to both questions. Also, you should keep your tooltips as short as possible when using this tag (as a rule of thumb) as some versions of some browsers express the tooltip on a single line. Truncation is a common issue.

I've never used a Javascript in a Cognos report (and don't know if it's possible, others more learned than I would have to answer that! :) ) but you can do alot more with hover, mouseover and tooltips using Javascripts. If it is doable and you're interested in this, just do an internet search for Javascript Custom Tooltip.

Good luck!

Ron

michal · 03 May 2011 12:10:36 PM

hello.

i'm trying to do this as well.....

there is plenty of mouseover-type javascript options, but how do we include them in the reports ?
what about portal-wide ?
i would love to have overlib type functionality available in all my reports.
i've been googling quite a bit on this and there isnt really much out there, currently. not that i could find, anyway.

something like overlib is too big to shove into an "html item" i think.

can anyone shed any light on this?

edit :
we managed to do tooltips with css-style html-items
abandoned hope on something bigger, and better (like overlib)

in case you care, the style we inserted just before use was :

<HTML item> #1
(you can remove the top: and left: settings, we just wanted this in a specific place)

Code Select


<style type="text/css">
/* Easy CSS Tooltip - by Koller Juergen [www.kollermedia.at] */
* {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:250px;}
a.tooltip:hover span{display:inline; position:absolute; top:80px; left:20px; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c;}
a img {border:none;}
</style>

followed by :

<HTML item > # 2

Code Select


<a href="#" class="tooltip">

Image object from within report studio (we used a 'help.jpg' image which we used for mouse-over help)

and lastly :

<HTML item> #3

Code Select


<span>
some text here that you want to display on mouseover
</span>
</a>

christianlebe · 15 May 2014 12:08:32 AM

Hi Michal,

Your solution is excellent. I have used this couple of times now, but I have got a challenge now when it is hovering over other image, the span that appears seem to show under the image. I am attaching the image, as you can see on the image, the span looks broken with a white space. The whitespace is actually either white image or just another columns on the table. I think it could be the z index, but I'm not sure where to put the z index.

Have you came across this?

BSP Software	Resources	About Us
MetaManager	BSP Software Training	BSP Software
Integrated Control Suite	YouTube Channel	Micro Strategies Inc
Security Migration		IBM Cognos
Integrated Management Suite

If you are unable to create a new account, please email support@bspsoftware.com

COGNOiSe.com - The IBM Cognos Community

News:

Mouse over tips

kalyan_y

Ron McIntyre

michal

christianlebe