Page 1 of 1

Animated roundel hotspots designed in Skin Editor

Posted: Wed Dec 14, 2016 5:02 pm
by stalwart
Can someone please point me to Hopki's tutorial from a few months ago about designing pulsing / animated roundel hotspots in the Skin Editor? I've got issues with the animated SVG version I use not working in all browsers - especially in IE & Edge so want to design inside the skin. Here's my version: http://www.360imagery.co.uk/draft/201_bishopsgate/

Thanks

Stu

Re: Animated roundel hotspots designed in Skin Editor

Posted: Wed Dec 14, 2016 5:29 pm
by 360Texas
Seems Edge I only see the 2 ring hotspot. Its there but not animated.

Animated or pulsing hotspot in Chrome works well.

Re: Animated roundel hotspots designed in Skin Editor

Posted: Wed Dec 14, 2016 8:31 pm
by stalwart
360Texas wrote:Seems Edge I only see the 2 ring hotspot. Its there but not animated.

Animated or pulsing hotspot in Chrome works well.
Hi Dave,

I know....hence the OP!

Re: Animated roundel hotspots designed in Skin Editor

Posted: Wed Dec 14, 2016 10:45 pm
by Hopki
Hi Stu,
Heres the page.
This can be found under Documents => 5.1 documents => Tips.
You should be able to get close to your SVG hotspot with this.
Regards,
Hopki

Re: Animated roundel hotspots designed in Skin Editor

Posted: Thu Dec 15, 2016 1:13 pm
by stalwart
Perfect - thanks. Here it is working:

http://www.360imagery.co.uk/virtualtour ... plete.html

Note - a hotspot can't be activated if within the area of the drop-down menu, even though it is above the drop-down menu element in the Skin Editor tree - any ideas?

Stu

Re: Animated roundel hotspots designed in Skin Editor

Posted: Thu Dec 15, 2016 1:22 pm
by Hopki
Hi Stu,
When you hide the menu, hide any containers that are left as this is what would be causing this.
Regards,
Hopki

Re: Animated roundel hotspots designed in Skin Editor

Posted: Thu Dec 15, 2016 2:12 pm
by stalwart
Hopki wrote:When you hide the menu, hide any containers that are left as this is what would be causing this.Hopki
Hi Martin,

I'm just using the standard settings from the Toolbox:

Image

Is this not right?

Stu

Re: Animated roundel hotspots designed in Skin Editor

Posted: Fri Dec 16, 2016 9:52 am
by stalwart
Referring to the dropdown menu masking the ability to trigger a hotsot, as the action is a "toggle element visibility" action (as it uses the same button for both the "hide" and "show" as the toggle) - how can I sort this to hide the background / container so the hotspot works. This isn't so much of an issue on PCs / tablets as the drop-down menu only takes up a small portion of the screen top-left, but it is a real problem with smart phones where the menu takes up most of the screen real estate when shown.

Stu

Re: Animated roundel hotspots designed in Skin Editor

Posted: Mon Dec 19, 2016 11:37 am
by stalwart
*bump*

Re: Animated roundel hotspots designed in Skin Editor

Posted: Tue Dec 20, 2016 12:11 pm
by Hopki
Hi Stu,
If you just want the menu, then move the Dropdown Scrollarea out from all the other components.
1.jpg
1.jpg (44.26 KiB) Viewed 4292 times
If you now have a button to hide and show the Dropdown Scrollarea element then there is nothing to cover the mouse.
You can add a background to the Dropdown Scrollarea, but then make the Dropdown Scrollarea a child of the background element and then hide and show the background element.
Regards,
Hopki