I'm sure this has already been answered, but what's the technique for getting pages to scroll vertically with a mobile device frame? I've created a few mobile screens using the repeater widget.and a few of the items go past the confines of the viewport. I'd like for my user, when testing the page, to be able to scroll naturally to see all the available items.
Is this possible?
Thanks!
Hi, Glen.
There are two ways to let users scroll naturally. The first approach is when you have a long page, which goes beyond the visible viewport. In this case, simply just resize the canvas beyond the viewport to trigger scrolling when previewing the prototype. If your question was specifically about the repeater scrolling, see this thread where it was answered:
https://ko.infragistics.com/community/forums/f/indigo-design/83970/scrolling-content-inside-of-page-control
Hope that helps.
Thanks so much for your reply.
I did use a repeater (see here: http://indigo.infragistics.com/prototype/TM2E37BZ.html) and I thought it would scroll by default, but as you can see it does not. Any idea what I must have done to cause this?
Nothing serious. I am trying to confirm whether you ran into a bug or not :).
My sneaking suspicion is that your repeater looks like the following during design time, where the repeater is spilling outside the canvas. You can confirm:
Since you want rest of the screen to stay put when scrolling the list, resize the repeater's bottom edge to end before the toolbar. Like so:
Does this work for you now? Here is a prototype to see what I mean.
http://indigo.infragistics.com/prototype/WQ27OHTN.html
You can download this screen file from here.
That works great. One last question, if I want the whole page to scroll up and down, the header, search bar, along with the content - do I need to put everything into the repeater control and size it like you described above?
Here is the current link: http://indigo.infragistics.com/prototype/7Z54L9CZ.html