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?
Advanced text formatting
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
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 146 times
-
- tooltip-expand.p2vr
- (2.84 KiB) Downloaded 141 times
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
Hi Tony,
How do you get a line break in the info window?
Best regards
Harald
How do you get a line break in the info window?
- snap561.jpg (13.26 KiB) Viewed 3062 times
Harald
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
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 147 times
-
- tooltip-expand.ggsk
- (4.68 KiB) Downloaded 144 times
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
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.
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.
Thank you, Tony, for your update - copied in my constantly growing "Tony Redhead"-folder. 