To implement the second approach, drag a dynamic panel onto your screen and set its dimensions according to the size of the scrollable area you desire. After positioning your fields, ensure that the "Lock screen scroll" property checkbox for the screen itself (the very first item in your "Outline" panel) is unchecked. The fields you position below the bottom of the screen boundary will be the ones that will initially be out of view when you simulate your prototype. below 667px of an iPhone screen template). Since you have enough fields to require scrolling, some of them will be positioned below the bottom boundary of the screen template (e.g. To implement the first approach where the entire screen scrolls, position all of your fields on your screen in the order and spacing you desire. The second approach might be preferable if you have a header/label above your form or a submit button below your form that you want to remain visible at all times. only the form fields), use the second approach with the dynamic panel. If you only want a specific window/area of content to scroll (e.g. If you want the entire contents of the screen to scroll, then use the first approach. The primary consideration when choosing between these two approaches is how much of the screen you want to scroll.
#Justinmind horizontal scrolling download#
When you download the prototype file, simply change the filename extension from. I have attached a prototype that demonstrates both approaches, using a form with fields, as you suggest. With the second approach, you utilize a dynamic panel to scroll only a portion of the screen. With the first approach, you scroll the entire screen.
0 kommentar(er)
