Forum Discussion
Pin Hotspots to Image in Scrolling Panel
Hello! We've been creating simulations of our software in SL, and one of the common requests we receive is to provide a more realistic action of scrolling to a different part of the page and then clicking a button or link revealed further down on that page.
We've loaded a 5000px vertical image, stitched together from three different positioned screen shots into the scrolling panel. It previews/scrolls great. But any hotspots we add to the slide float over top of that image, independent of the user scrolling.
Is there any way to stick/pin a hotspot to the image/panel so that when a user scrolls down/up, that hotspot stays on top of the area we want the user to click?
Fortunately it's pretty easy. The catch is you have to drag the hotspot into/onto the scrolling panel. You'll know you've succeeded because the hotspot's position on the timeline will change to be subordinate to the scrolling panel:
If the hotspot is on the same indent level as the carat, it's outside the scrolling panel:
Here's an example that has the hotspot initially out of sight: Scrolling Hotspot
4 Replies
Fortunately it's pretty easy. The catch is you have to drag the hotspot into/onto the scrolling panel. You'll know you've succeeded because the hotspot's position on the timeline will change to be subordinate to the scrolling panel:
If the hotspot is on the same indent level as the carat, it's outside the scrolling panel:
Here's an example that has the hotspot initially out of sight: Scrolling Hotspot
I'll add to the great advice from AndrewBlemings- with a quick tip about getting everything into a scrolling panel.
When I have multiple items to put into a scrolling panel, I first align them off the side of the slide. (As needed, I reduce the viewing % so I can see everything.)
Then I group the items, move the group into the scrolling panel, and adjust its position. When it's all set, I ungroup the items.
Thank you! Do you have any tips for incorporating this sort technique into a split-frame browser window?
Here's my current workflow, which at the moment I'm capturing with Record Screen/Try Mode:
1) User clicks a tab > New screen appears with two split panels (left and right).
2) User scrolls down on right panel (left panel remains static).
3) User clicks link on right panel.
4) Right panel displays new information (left panel remains static).That'll simply come down to using triggers. I haven't seen that scrolling panels impact how well triggers work: Storyline 360: Working with Triggers
A button in one scrolling panel can run a trigger that changes the state of an image in another scrolling panel or can update a text variable in another scrolling panel. The scrolling container is a logical container that simply holds normal stuff you'd make triggers for anyways.
