Page 1 of 1

More text in hotspot tooltips

PostPosted: Thu Aug 07, 2014 2:12 am
by FunkyPunky
Hi,

is it possible to ad more text (maybe 150 char.) to a tooltip? How can i set up line breaks in such big tooltips?

Thanks for your help!

Re: More text in hotspot tooltips

PostPosted: Thu Aug 07, 2014 6:10 am
by scaber
FunkyPunky wrote:Hi,
is it possible to ad more text (maybe 150 char.) to a tooltip? How can i set up line breaks in such big tooltips?


Strangely enough I was trying to figure out how to do this today, sadly with no success. I hope someone has figured this out for us. :)

Re: More text in hotspot tooltips

PostPosted: Thu Aug 07, 2014 6:26 am
by mediavets
scaber wrote:
FunkyPunky wrote:Hi,
is it possible to ad more text (maybe 150 char.) to a tooltip? How can i set up line breaks in such big tooltips?


Strangely enough I was trying to figure out how to do this today, sadly with no success. I hope someone has figured this out for us. :)


<br> will produce a line break.

Re: More text in hotspot tooltips

PostPosted: Thu Aug 07, 2014 6:49 am
by scaber
mediavets wrote:<br> will produce a line break.


Thank you, so easy when you know how. Is there documentation for this somewhere that I've missed? Are there any other formatting options like align etc which can be used as well?

:)

Re: More text in hotspot tooltips

PostPosted: Thu Aug 07, 2014 9:00 am
by FunkyPunky
Thanks!

Re: More text in hotspot tooltips  [SOLVED]

PostPosted: Thu Aug 07, 2014 2:19 pm
by benji33
Be careful with this because it's not really HTML5 compliant ! but ...

<b>bold</b> : Bold tag
<i>italic</i> : Italic tag
<u>underline</u> : Underline tag

<li>List item tag 1</li>
<li> List item tag 2</li>

<br> : Break tag / Line break

<font color='#ff0000' face='Arial' size='20'>Text</font> : Font tag (version 1)
<font color='#0000ff' face='Helvetica' size='+2'>Text</font> : Font tag (version 2)

<img src='VIRTUALTOURdata/thumbnail.jpg' width='80' height='40' align='left' hspace='8' vspace='8'> : Image tag (not fully compatible)

<p>Paragraph</p> : Paragraph tag

Re: More text in hotspot tooltips

PostPosted: Fri Aug 08, 2014 2:37 am
by scaber
benji33 wrote:Be careful with this because it's not really HTML5 compliant ! but ...



Thank you, Reading your reply I relaised that I should have thought of using HTML codes and testing them. Thanks for taking the time to reply and kick start my brain again. :rolleyes:

Re: More text in hotspot tooltips

PostPosted: Fri Aug 08, 2014 7:41 am
by Destiny
Benjamin..

I have tried many times since PTP v2+ to get an image to work with a tool tip but it never seems to work.. I am sure its not Safari.. since I can get an image to appear with a Description..

I have even provided the full url to the graphic... Can you please provide a working option of this..

Destiny...

Re: More text in hotspot tooltips

PostPosted: Fri Aug 08, 2014 10:31 am
by benji33
Yes destiny it's difficult because tooltip is resized for text content in our code and is not made to display picture.

Code sample :
Code: Select all
<font color='#1b1b1b' size='+1'>My custom tooltip header</font><br><img src='testtooltips4data/thumbnail.jpg' width='180' height='90' hspace='0' vspace='0'><br><br><br><br>


Displayed sample :
tooltip.png


Note : image without text can't be displayed due to the fact that tooltip size is linked to text size.

Re: More text in hotspot tooltips

PostPosted: Fri Aug 08, 2014 10:38 am
by scaber
Destiny wrote:Benjamin..
I have tried many times since PTP v2+ to get an image to work with a tool tip but it never seems to work.. I am sure its not Safari.. since I can get an image to appear with a Description..
Destiny...


After receiving these messages I tried this too but strangely got the Tool Tip to work but not the Description one. A little frustrating.

Re: More text in hotspot tooltips

PostPosted: Fri Aug 08, 2014 10:41 am
by benji33
Description plugin is different. Code must be added manually into the YOURTOURdata/YOURTOUR_messages_en.xml file into the right description part. Description accept in this case a true HTML5 coding with style attributes if needed.

Re: More text in hotspot tooltips

PostPosted: Fri Aug 08, 2014 10:49 am
by Destiny
Yes, as Benjamin say.. adding the url into the Message xml is easy to achieve the result.. I added the Descriptions to a Button top right here.. Works well.. Just click the Next Pano on the Tool menu after opening the Description using the Button to see the different images added...

http://www.destinyvirtualtours.com/PTPV ... ption.html

I have tried so many options to get an image to appear with a Hotspot, including JS and jQuery but... the Kolor code is a challenge..

Destiny...

Re: More text in hotspot tooltips

PostPosted: Sun Aug 10, 2014 6:19 am
by scaber
benji33 wrote:Description plugin is different. Code must be added manually into the YOURTOURdata/YOURTOUR_messages_en.xml file into the right description part. Description accept in this case a true HTML5 coding with style attributes if needed.


Thanks, that was going to be my next test. Thanks for confirming that it's the right way to go :)

Re: More text in hotspot tooltips

PostPosted: Tue Aug 19, 2014 8:18 pm
by FunkyPunky
benji33 wrote:Be careful with this because it's not really HTML5 compliant ! but ...

<b>bold</b> : Bold tag
<i>italic</i> : Italic tag
<u>underline</u> : Underline tag

<li>List item tag 1</li>
<li> List item tag 2</li>

<br> : Break tag

<font color='#ff0000' face='Arial' size='20'>Text</font> : Font tag (version 1)
<font color='#0000ff' face='Helvetica' size='+2'>Text</font> : Font tag (version 2)

<img src='VIRTUALTOURdata/thumbnail.jpg' width='80' height='40' align='left' hspace='8' vspace='8'> : Image tag (not fully compatible)

<p>Paragraph</p> : Paragraph tag


Hi, is there a possibility to center the text within the tooltip (I have 3 lines of text)? Basic hatml tag doesn't work. Thanks!

Re: More text in hotspot tooltips

PostPosted: Wed Aug 20, 2014 4:31 am
by scaber
FunkyPunky wrote:Hi, is there a possibility to center the text within the tooltip (I have 3 lines of text)? Basic hatml tag doesn't work. Thanks!


I've used:
<p align="center">Bryan Peterson<br>Support Engineer

Works for me so hopefully should also work for you :)

Re: More text in hotspot tooltips

PostPosted: Wed Aug 20, 2014 9:20 am
by FunkyPunky
Thanks, Scaber! Works perfect!! :)