Need 'Popup Box' assistance.

Q&A about the latest versions
Post Reply
User avatar
RobH2
Posts: 6
Joined: Mon May 21, 2018 10:49 am
Location: Baltimore, MD USA
Contact:

Need 'Popup Box' assistance.

Post by RobH2 » Tue Jul 10, 2018 5:28 am

I've attached an image of a simple project to illustrate my issue.

I've figured out how to create a 'rollover' action so that when I roll over a tour node icon, history about that particular node pops up. They all pop up in the same location, centered above the list of icons.

I initially had 3 tour nodes and then created three rollover popups. I offset them so they would function correctly as I rolled over each one. That's all fine.

The issue is, if I have say, 8 nodes, I'd have to create 8 rollover items in the canvas. And with more, when you have to scroll to get to node icons, I think it would be difficult to create all of the rollover items.

Question, how can I create one rollover set and a bunch of popup image thumbnails and then code it so that the rollover increments as I move from node icon to node icon? It would be something like if I was over node 'Icon +5' (the sixth icon from the first/leftmost icon), it would call the popup thumbnail that I assign to +5.

I'm not sure if I'm explaining it well but I'm trying to create one rollover event and a bunch of popup text images and have the right one popup as I roll over an infinite number of node icons.
Attachments
ScreenShot_1.jpg
ScreenShot_1.jpg (304.23 KiB) Viewed 117 times

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

Re: Need 'Popup Box' assistance.

Post by Hopki » Fri Jul 13, 2018 12:34 pm

Hi,
At the moment there is no way to use a cloner and do as you want.
But you can use node images in a container then this in a scroll area.
If you have a physical node image per node then you can give it actions to open and close text boxes.

The following is a Pano2VR 6 pro project.
I set a numbered variable which shows the text box and also selects which text to display in the text box, text logic block.
I added node images in the skin then and spaced them out. Then wrapped a container around them.
Then put the container into a scroll area.
Each node image has actions, to open the required node, scroll to view and then on mouse enter change to variable value to its number and on mouse leave to change it back.

The text box has a visible logic block that say more then 0 show itself.
Then a text logic block to show the corresponding node images text.

And just because I can I added CSS to the text box to change the font and gradient background.
Also added CSS gradient background to the scroll area.

Other Hopki trick bits:
The last Node Image has a Hotspot Proxy ID set so when you mouse over the hotspot in node two that goes to node three the text box also shows.
Because you may then have a text box cover the hotspot, the hotspot images Z index is set so the hotspot image will be above the text box.
On mouse over the hotspot image rotates 180º.
Cheers,
Hopki
Attachments
textbox.zip
(482.45 KiB) Downloaded 16 times

Post Reply

Who is online

Users browsing this forum: AHartash, Bing [Bot], Google [Bot], Tony and 21 guests