|
This method will allow your users to progress through a large form piece by piece, without refreshing the form and loosing data already input by the user. You could also use this method within itself, to give the user progressive disclosure, saving on time for the user and screen real estate for you.
|
ShowTable of Contents
The traditional way you would approach this problem would be by using a div like this <div id="staffmember" class="Invisible">
some stuff in here....
</div>
You would then have some JavaScript to change the class from "Invisible" to "Visible" so that the user could see it. This would not cause the web page to refresh, retaining the input the user had already given. But how to do that in an xpage? In this example I have split my form into 6 parts, and I'm going to name them Page 1 0f 6 through to Page 6 of 6.
We first need to create a new custom control(CC). On that CC we will need to add a panel to store our pages, and we need to create a new panel for each of the steps we have broken down our form into. This should look like this |