You don't want the entire screen to scroll, only the contents of the dynamic panel. In this approach, ensure that the "Lock screen scroll" property checkbox for the screen itself (the very first item in your "Outline" panel) is checked. Once again, these are the fields which will initially be out of view, but will be scrollable into view. Similarly to the first approach, some of your fields will be positioned below the bottom boundary of your dynamic panel. Once you've sized and positioned your dynamic panel, place any content that you want to scroll (in this example, your form fields) inside of the panel that has been created automatically inside the dynamic panel when you dragged the dynamic panel onto the screen. The size of the dynamic panel is only to determine the viewable area, not the size of all of the content it contains. The boundaries of the dynamic panel should not exceed the boundaries of the screen template, and the height dimension of the panel should not be set to accommodate all of your form fields. 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. 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 Comments
Leave a Reply. |