How to scroll two dynamic panels simultaneously

advanced-prototyping

#1

Hey there,

I have two dynamic panels that are horizontally scrollable.

In my example, I’m looking to horizontally scroll section A while simultaneously horizontally scroll section B.

I am able to log the x position of scroll A by using set text on widget for [[LVAR1.scrollX]], but I don’t see an option to set that number to the scrollX position of Scroll B.

I basically just want Scroll A’s x position == to Scroll B’s x position.

Is this possible?

I’ve attached my axure file in case you want to give it a stab.

Thank you!

move2atTime_v2.rp (54.0 KB)


#2

Hi!

There is no “set scroll of panel” command, unfortunately. Instead, move a tiny widget (e.g., a hotspot) to the desired scroll position in the panel, and then use the Scroll to Widget command, targeting that hotspot.

So in this case in OnScroll of the top panel you would move the widget in the bottom panel to scrollX of the top panel, and then use Scroll to Widget targeting that widget.


#3

It is possible.

You have create widget inside panel you want to scroll, move this widget based on scroll of the other panel, and use “Scroll to widget” command.

Here: move2atTime_v3.rp (56.4 KB)


#4

Ahh thank you! Didn’t think to fire event onKeyUp!


#5

Hi! is it possible for you (if you still have the file) to save it in a previous Axure version? I have the 8 one and cannot see the solution you shared. Thank you!!


#6

Alas, it is not possible to save in 8 version.


#7

what a pitty! :frowning: thanks for the quick response!!


#8

Is there a way to do this vertically? I tried to change the x to y coordinates and was unsuccessful.
Thanks,


#9

Hi!

Yes, this can be done vertically.

Preview

File: (Axure 8, but should work in all versions) scroller.rp (112.6 KB)


How to do 2 cubes rolling in axure?
#10

Thanks josephxbrick, this is great!


#11

Thank you so much for posting this! I was able to adapt this to a horizontally-scrolling screen in a prototype I’m working on.