Lolly Point Hotspot

Post Reply
User avatar
Hopki
Gnome
Posts: 10997
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Wed Nov 04, 2020 12:34 pm

Lolly Point Hotspot

lolly_point_hotspot.ggskc
(237.55 KiB) Downloaded 115 times

Download and double click to add to Pano2VR.

This hotspot's feature is the way the circle and node image scale showing more of the node image on hover or touch.
The tooltip is under the circle but on touch screens moves above it.

lolly.gif
lolly.gif (1.22 MiB) Viewed 1243 times

The container/mask uses CSS to add a border and radius.
If you would like to change the colour you need to look in the CSS of the container/mask

1.png
1.png (68.64 KiB) Viewed 1243 times

After this change the colour of the rectangle element, ht_stem to match.
The Tooltip colours can be changed in the text box properties.
Regards,
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
Hopki
Gnome
Posts: 10997
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Sun Nov 29, 2020 10:22 pm

To add an inner shadow to the image.
Once the component is added to the skin select and copy the container ht_mask and paste it, it will now show at the top of the skins tree.
Delete the copy of the NodeImage so you just have the container ht_mask.
Rename the container to ht_mask_shadow and move it so in the skins tree it is a child of the ht_mask container but above the NodeImage.

1.png
1.png (36.96 KiB) Viewed 458 times

Now go to the ht_node_shodow properties and remove the scaling Logic block as this is no longer needed then go to and the CSS Styles and change it to look like this:
.

Code: Select all

border-radius: 999px;
box-shadow: 0px 0px 8px #000000 inset;

Adjust the amount of shadow by changing the number 8 in the CSS you just added.
The lower the number the less shadow.


The Lolly Point Hotspot will now have an inner shadow.

2.png
2.png (331.8 KiB) Viewed 458 times

You can also remove the ht_stem element and reposition the ht_mask so it's over the Hotspot Template, ht_node to make it look more like a normal Point Hotspot.
Regards,
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
Post Reply