Scroll too long when using nested dynamic panels
Im setting up a form which has a number of conditional aspects - i.e. if answer "yes" to a question see one set of questions, if "No" see another.
There are more than one sets of these questions with the overall set of questions.
The user should only see the questions which are relevant to their selection, so the form has a lot of 'show/hide' type scenarios.
The form is also on a mobile device, therefore a scroll is required to allow for the screen.
I have set this up as follows (simplified):
> Question 1
The Master panel is set to the height of the screen and autoscroll selected
DyPanel_1 is set to a height which accommodates DyPanel_2 and DyPanel_3 (which are nested in this panel)
DyPanel_2 is set to a height which accommodates Panel_2B and 2C and DyPanel_3 (which is nested in DyP_2), Blank_2A is set at a height of 0 and selected as default
DyPanel_3 is set to a height which accommodates Panel_3B and 3C, Blank_3A is set at a height of 0 and selected as default
Events are set on widgets in the questions to show/hide the appropriate panels
I am able to see the panels fine but the problem I have is that the scroll is HUGE and it looks wierd to the user if they go down one of the routes which doesnt need all of the space - i.e. even before the user answers any question they are able to scroll the screen to the bottom of where the longest responses would be positioned.
This looks odd
My question is
a) is this the best way to do this?
b) is there a way to control the scroll better such that the area the user can scroll the main screen to is just to the bottom of the content they can see at that time?