Sign in to follow this  
Guest Madhumita

Using more HTML in tooltips

Recommended Posts

We've used the

tags to separate text in a tooltip after reading about it in the documentation. We'd like to display a much richer tooltip that includes images, links and text with css styling and layout if possible. After trying to inject more html in I'm not sure if it's a limitation in fusioncharts or because I'm not escaping it properly. Has anyone had any luck doing this? Are there any examples to view?

Share this post


Link to post
Share on other sites

Hi to all

Sorry to jump in but I would be very interested to see if this is possible as we have a large project to migrate from flat images to something like FusionCharts. Our current images have lots of varied content that needs quite strict formatting and must be maintianed in the new rollout.

Many thanks

Share this post


Link to post
Share on other sites
Guest Madhumita

Hello,

Firstly to use HTML elements in toolTip you need to add the <styles> element.

e.g.

<styles>

<definition>

 <style name='fontStyle' type='font' isHTML='1'/>

</definition>

<application>

 <apply toObject='TOOLTIP' styles='fontStyle' />

</application> 

</styles>

Now, you can apply bold tag.

<set label='Jan' value='17400' tooltext='<b>Bold Text</b>  Normal Text' />

 

You can also apply the <img> tag.

tooltext=' <img src="test.gif" align="left" />'

However, there are ceratin issues with adding this tag. You need to add a lot of extra space before staring this tag as in the example above. Also, the width and height of the image is important.

3 - adjust the line height of the tool tip (multi-line too tips appear jammed and ugly)

4 - adjust the padding around a tool tip (need some breathing room please)

I'm afraid, this is not possible,as of now.

Thanks a lot for the suggestion. We have made a note of the same.

Share this post


Link to post
Share on other sites

I haven't managed to get a 15x15 px icon to align to the left of the text. It comes

out over the top of the tooltip text.  Is it possible to make it float left and have the text wrap?

Or alternatively, and perhaps with more predictable results, is it possible to set the background

color of the tooltip to differentiate it from other tooltips?

Thanks

Clive

Share this post


Link to post
Share on other sites

HI,if i want to use an HTML table in the tooltext ,what should i wirte in the tooltext attribute

 

i have tried a lot of things and anything works....

 

 

 

 

 

 

 

Table:

 

 

 

 

Hitos

 

 

 

HFin

 

 

 

HRet

 

 

 

Retraso

 

 

 

 

 

 

 

 

OLAA

 

343

 

45

 

23

 

 

 

 

 

 

 

 

 

 

Share this post


Link to post
Share on other sites
Guest Basundhara Ghosal

Hi,

I am afraid, as of now FusionCharts does not support HTML Table in Tooltip.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this