Pallav

Multiline Tooltips ??

Recommended Posts

Is there a way to do multi-line tool tips for an entity value ????

ex:

Total Accounts: 257

Total Sales: $1,500,450

I tried and [backslash]n and [backslash]r[backslash]n in the XML file, but both just showed up in the tool tip.

Thanks.

Edited by Guest

Share this post


Link to post
Share on other sites

hi,

You need to use a special font style attribute for the tooltip object :

The XML for the style for tooltip would be like this :

<styles>

  <definition>

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

  </definition>

  <application>

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

  </application>

 </styles>

Now in the tooltip values you need to put HTML <BR> to provide line breaks:

say if you want to show :

Total Accounts: 257

Total Sales: $1,500,450

<entity id='001' tooltext='Total Accounts: 257<br>Total Sales: $1,500,450' />

Note : <br> - this is the line break <BR> in XML encoded form.

The above entity XML will work for dataURL method . If you are using dataXML mehtod to provide XML you need to use

%26lt;br%26gt; instead of <br>

Share this post


Link to post
Share on other sites

Thanks for the quick reply. I understand the method you are using to support this.

However when I plug in the suggested changes, I am still getting the same tooltips with all the text on 1 line....

I know it is just something stupid I am doing, but I just can't see it :crying: What am I missing here ?

XML file:

<map borderColor='005879' fillColor='D7F4FF' baseFontSize='10' showBevel='0' >

 <data>

<entity id='GA' value='1' Tooltext='Total Projects: 1<br>Total Amount: $100,002' />

<entity id='NC' value='2' Tooltext='Total Projects: 2<br>Total Amount: $200,000' />

<entity id='NC' value='3' Tooltext='Total Projects: 3<br>Total Amount: $300,000' />

<entity id='PA' value='4' Tooltext='Total Projects: 4<br>Total Amount: $400,000' />

 </data>

 <styles>

<!-- Allow HTML formatting in tooltips -->

<definition>

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

</definition>

<application>

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

</application>

 </styles>

</map>

Web page code:

 <script language="JavaScript" src="FusionMaps_Trial/JSClass/FusionMaps.js"></script>

 <div id="mapUSAdiv" align="center">

  Map of the US & Canada. <br /><br />Mapping support requires Javascript support and the  Flash v8 player or higher

 </div>

 <script type="text/javascript">

  var map = new FusionMaps("FusionMaps_Trial/Maps/FCMap_USA.swf", "Map1Id", "690", "400", "0", "0");

  map.setDataURL("MapUSA6.xml");

  map.render("mapUSAdiv");

 </script>

Share this post


Link to post
Share on other sites

Works great with the CAPITAL BR. Thanks !!!

Should your HTML parsing require all caps (is this a requirement or a tiny bug) ?

Also, is there any way to use a subset of features to use a lower version of Flash ? We don't think that all our users have Flash v8 or higher installed.

Share this post


Link to post
Share on other sites

Hi,

 

 

 

In our code, we parse for capital BRs. We'll make it generic in next version.

 

 

 

We've FusionCharts Free in Flash v6. You can see it at www.fusioncharts.com/free

Share this post


Link to post
Share on other sites

Hi there -

 

 

 

I've searched over and over in the forum to find a solution that works for line breaks on the labels. I am using the DataXML method and have seen that you need to use %26lt;BR%26gt; to create the

in lieu of <BR>, which is used for the dataURL method. I have tried this and and when the label display, it shows a

tag instead of actually creating a line break.

 

 

 

Help??

Share this post


Link to post
Share on other sites

hi,

 could you please add this style in map xml

<styles>

<definition>

<style name='myHTMLFont'

type='font' isHTML='1' />

</definition>

<application>

<apply toObject='LABELS'

styles='myHTMLFont' />

</application>

</styles>

Share this post


Link to post
Share on other sites

Hi there -

 

 

 

I added the style tags as you suggested, and still no luck. I've tried the following methods to apply the

tag using the dataxml method:

 

urlencode('%26lt;')."BR".urlencode('%26gt;')

 

%26lt;BR%26gt;

 

urlencode('%26lt;BR%26gt;')

 

 

 

When the chart diplays it prints out either %26lt;BR%26gt; or the

tag.

 

 

 

I have also tried in similar fashion using %26lt%3BBR%26gt%3B as well as <BR>.....nothing is working.

Share this post


Link to post
Share on other sites

Hi Everyone,

I want to apply style with isHTML='1' on the displayvalue attribute of entity tag. I've done like

1)<map showLabels='1' includeNameInLabels='0' includeValueInLabels='1' ><data><entity id='IN.AP.AD' displayValue='Adilabad&%26lt;BR%26gt;Ambulance' value='10'/></data><styles><definition><style name='TTipFont' type='font' isHTML='1' /></definition><application><apply toObject='displayValue' styles='TTipFont' /></application></styles></map>

and

2)  <map showLabels='1' includeNameInLabels='0' includeValueInLabels='1' ><data><entity id='IN.AP.AD' displayValue='Adilabad<BR>Ambulance' value='10'/></data><styles><definition><style name='TTipFont' type='font' isHTML='1' /></definition><application><apply toObject='displayValue' styles='TTipFont' /></application></styles></map>

1) Gave no error but DIDNt work.

2) Says invalid XML.

PLEASE Help me OUT. Thanks in Advance.

 

Share this post


Link to post
Share on other sites

Hi,

Could you please try this?

if you are using dataURL method:

<map showLabels='1' includeNameInLabels='0' includeValueInLabels='1' >

  <data>

  <entity id='IN.AP.AD'  displayValue='Adilabad<BR>Ambulance' value='10'/>

  </data>

  <styles>

  <definition>

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

  </definition>

  <application>

  <apply toObject='LABELS' styles='TTipFont' />

  </application>

  </styles>

</map>

if you are using dataXML method:

<map showLabels='1' includeNameInLabels='0' includeValueInLabels='1' >

  <data>

  <entity id='IN.AP.AD'  displayValue='Adilabad%26lt;BR%26gt;Ambulance' value='10'/>

  </data>

  <styles>

  <definition>

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

  </definition>

  <application>

  <apply toObject='LABELS' styles='TTipFont' />

  </application>

  </styles>

</map>

Edited by Guest

Share this post


Link to post
Share on other sites

Hi Arindam

I work with the Gantt chart, and i tried with all examples in this and others topics to insert a break line in datatable labels. See below:

 <processes isBold='1' headerbgColor='0372AB' fontColor='0372AB' bgColor='FFFFFF' >

 <process Name='0170-00242' width='68' id='A' link='http://pc277595/cockpit/visibilidade.asp?Aviao=0170-00242' />

 </processes>

<dataTable showProcessName='1' nameAlign='left' fontColor='000000' fontSize='9' vAlign='right' align='center' headerVAlign='bottom' headerAlign='left' headerbgColor='4567aa' headerFontColor='ffffff' headerFontSize='9' >

 <dataColumn bgColor='eeeeee' headerText='Percent'>

 <text label='100' />

 </dataColumn>

 <dataColumn bgColor='eeeeee' headerText='Fus'>

 <text label='20/06<BR>25/7'/>

 </dataColumn>

 <dataColumn bgColor='eeeeee' headerText='Paint'>

 <text label='20/07%26lt;BR%26gt;30/08'/>

 </dataColumn>

 <dataColumn bgColor='eeeeee' headerText='Wing'>

 <text label='15/8'/>

 </dataColumn>

 <dataColumn bgColor='eeeeee' headerText='M Final' >

 <text label='27/6'/>

 </dataColumn>

 <dataColumn bgColor='eeeeee' headerText='PPV'>

 <text label='18/7'/>

 </dataColumn>

</dataTable>

Could you please inform me where I

Share this post


Link to post
Share on other sites

Hi Arindam,

Do not exist the object name to uses in Style definition or any Wrap method? (Gantt Chart case)

<styles>

 <definition>

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

 </definition>

 <application>

<apply toObject='DataTableLabel or DataColumnLabel' styles='myHTMLFont' />

 </application>

</styles>

Regards

Fabio Kfouri

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