Advanced text formatting

Q&A about the latest versions
Post Reply
JSchrader
Posts: 127
Joined: Sat Nov 28, 2015 2:26 pm

Tue Mar 31, 2020 5:07 pm

Hey gnomies, today I have a special formatting problem that I can't solve myself:
I have an icon that will trigger an info box, and on a mouse over a tooltip will appear with a short description.

The tooltip with the text has a background and shall have the same height as the icon and appear on the right side of the icon.

Now the problem: I want to use the Autosize function to adjust the tooltip to different lengths of text. But it must not extend to the bottom, only to the right side.
Is it possible?
User avatar
Tony
Posts: 936
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Wed Apr 01, 2020 5:35 am

Hi,

Position and resize the height of the tt_information text box to the right of the ht_info_image icon.

Under Properties/Appearance/Scaling: set the anchor to left centre.

Under Properties/Text/Align: Set 'Left' and check Auto Size

Under Properties/Text/Padding: Apply a little padding top and bottom to adjust the height of the text box ( or you could use CSS)

You can see an example here https://p2vr.s3-ap-southeast-2.amazonaw ... index.html

I've attached the project and skin files.

Tony
Attachments
tooltip-expand.ggsk
(4.68 KiB) Downloaded 7 times
tooltip-expand.p2vr
(2.84 KiB) Downloaded 6 times
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/
User avatar
panox
Posts: 249
Joined: Mon Mar 12, 2007 11:03 pm
Contact:

Wed Apr 01, 2020 9:31 am

Hi Tony,

How do you get a line break in the info window?
snap561.jpg
snap561.jpg (13.26 KiB) Viewed 267 times
Best regards

Harald
User avatar
Tony
Posts: 936
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Wed Apr 01, 2020 1:23 pm

Hi Harald,

In the skin go into the information container, click on info_title and under Properties/Text/Align: check Word wrap and Auto Size

To create a paragraph break in the info_text_body use <p> between paragraphs in the Properties/Point Hotspot/Description:

see the attached

Tony
Attachments
tooltip-expand.p2vr
(3.17 KiB) Downloaded 14 times
tooltip-expand.ggsk
(4.68 KiB) Downloaded 12 times
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/
JSchrader
Posts: 127
Joined: Sat Nov 28, 2015 2:26 pm

Wed Apr 01, 2020 9:35 pm

Thank you Tony.
I already knew that, and failed to explain the problem properly. :?
The thing is for longer text I want to wrap it into two lines, and instead of having a third line in case it get's even longer I want it to extend to the right.
So far I've found a workaround in that I can force the text manually. Which for a small tour is no issue but for larger tours in multiple languages might be too much to handle manually.
User avatar
panox
Posts: 249
Joined: Mon Mar 12, 2007 11:03 pm
Contact:

Thu Apr 02, 2020 10:17 am

Thank you, Tony, for your update - copied in my constantly growing "Tony Redhead"-folder. :D
Post Reply