Scroll to top of repeating section container

[Steve Workings]

I have a panel navigator, panels of course, and one panel that contains a repeating section. I'm constantly re-filling that repeating section with rows based on another user selection, and then navigating to the panel that contains the RS. Sometimes there are enough rows to cause the RS to scroll (vertically), other times, not.

The problem is that I might have a RS with enough rows to cause the user to scroll down. The user does so, navigates back to the selector, makes another choice, and now they're back at the RS with, this time, a much shorter list. But, the records in that short list don't even seem to be there because the RS keeps its state of being scrolled to the bottom. If user swipes up, the rows are there, but this is not ideal, to be sure.

I've tried to find some method to scroll the RS to the top/first row, and can't figure that out.
I've enclosed the RS in another container and put a button over the top of the RS container, then tried to .setFocus() to that button. That just locked things up.

So, anyone know how, when repeatedly repopulating a repeating section, to bring it to the first-most row each time?

[Pat Bremkamp]

Re: Scroll to top of repeating section container

If it was me, not knowing JavaScript and being new to repeating sections, I would put the button that navigates back to the selection at the top of the list. Then you know they are at or near the top when they start the navigation.

Or, create a list with one section, maybe says Please wait..., and go there first, then load the second list.

Pat

[Steve Workings]

Re: Scroll to top of repeating section container

Tried this, it doesn't work at least on my iPad, and once did:

{dialog.Object}.setRepeatingSectionActiveRow('RS_QUESTIONS',1);

This is part of a really miserable situation that's unresolved after two weeks' effort.

On this panel, I have:
<button>
Scrolling repeating section
<button>

When the panel is presented, one or both of the buttons is usually missing.

The repeating section is sometimes not even filled with the rows, and scrolling the repeating section is hit & miss.

These problems are consistent with iPhones and Android devices, but work without any problem at all on the desktop and on my iPad.

[GGandhi]

Re: Scroll to top of repeating section container

I am just curious since I have no access to version 12.

in my opinion panels are nothing but div(s) in a different name to fit mobile progress.
if there is a problem in displaying in one set of devices than the other where it works well, then the problem is the available real estate on the smaller devices are not able to accommodate the layout not the panels themselves, in my opinion.

would you mind trying the problem panel with nothing but the buttons and static text. if they work okay in all devices, then probably you will need to adjust the size in percentage or insert another panel (div),(something like flexible panels) above and below all of this that will push the contents to the center.

am I making sense or I am way off to another planet?

[Steve Workings]

Re: Scroll to top of repeating section container

I may not have described this well, maybe this picture will help. I repopulate this repeating section with different questions, over and over again. Each control you see here is one row in the section. When it's presented to the user, it's often not scrolled to the top, as I show here. I'm just looking for an effective way to put focus on the first row, so the user starts with that, each time that I repopulate the section and then display the panel with this section to the user.
Snap1.png

[peteconway]

Re: Scroll to top of repeating section container

Steve - repeating sections and panels don't really work well together - why not us a ViewBox with with a list option or a list control - much lighter and easier and mobile friendly.

[Steve Workings]

Re: Scroll to top of repeating section container

1. Because customer is not upgraded to 12.4 yet, and

2. The list control doesn't offer a way to arrange input controls in a way that are needed here, and

3. It's too late to change - deadline to release this is barrelling down on us.

This is a highly dynamic inspection system driven by back-end data that dictates everything from the question, to the type of control, whether it's a required value, etc. And the questions you might see for the inspection module in New York may be different than what you see in Texas.

There ought to be some method to set focus to the first row.

[peteconway]

Re: Scroll to top of repeating section container

Possible Solution - Play Video

[peteconway]

Re: Scroll to top of repeating section container

2016-05-08_1521.png

[Steve Workings]

Re: Scroll to top of repeating section container

You understand the problem well Pete except the repeating section is in a container in the panel. I can't have the width that you show in your example. So I've tried to scroll to the top of the container that contains the repeating section - that sort of thing, and will continue to pursue what you and I both think is the "how" to solve the problem.

Update: I think this works on the RS container, have to get testers to confirm:

	var id = {dialog.object}.getPointer('V.R1.RS_QUESTIONS.CONTENT');
	A5.u.element.setScroll(id,0,0);

[Steve Workings]

Re: Scroll to top of repeating section container

Well, I see the behavior improvement immediately on my iPad and desktop browser. But apparently this scroll to top has no effect on the iPhone.

Further, related problem on the iPhone is that the last, bottom input is usually a comments/notes text area. And, they can't scroll down far enough, and stay scrolled down far enough, to enter notes.

Anyone have a repeating section, set to be in or as a scrolling container, that works on the iPhone, or have good suggestions to make this functional? I've built plenty of this kind of thing but mostly specced for an iPad without any problem at all. This is very stubborn.

[peteconway]

Re: Scroll to top of repeating section container

Well - if it's that kind of issue i'd report it, als I'd focus on the repeating section actions, this forces the repeating section to itself to the top (the first record gets focus), the issue you are having right now is a container in a panel issue. If this doesn't work - I don't know the answer.

var rowCount = {dialog.Object}._getRepeatingSectionRowCount('REPEATINGSECTION_SALES');
{dialog.Object}._setRepeatingSectionRowCount('REPEATINGSECTION_SALES',rowCount,true,false);

[Steve Workings]

Re: Scroll to top of repeating section container

Yep, I'm using that:

{dialog.Object}._setRepeatingSectionRowCount('REPEATINGSECTION_SALES',rowCount,[COLOR="#FF0000"][B]true[/B][/COLOR],false);

Just having a discussion with the customer that perhaps their current use of build 2689-4440 is not helping the situation. But getting them to upgrade soon enough to make a difference on this is unlikely.