At the conference an example was given of pagination on a form. I like the concept, but wanted to try something that looked a little different. I found a sliding form concept that I really like, but I'm not sure if it's possible to implement since we don't have full control over the HTML code in a LF form. I was curious if anyone would be willing to look it over and see if there is a way they think it could work. Here is a link to the form and code: http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/. Thank you in advance for helping.
Question
Question
Answer
You'll want to use the CSS and JavaScript from that example and modify it a bit to fit the HTML structure of your form. For example, you'll use sections instead of fieldsets to structure each page.
Basically the way this example works is that it floats all of the fieldsets (or sections) to display side-by-side, and has a fixed width view with hidden overflow. When the user clicks a navigation button, the view scrolls to the appropriate fieldset (section). It's certainly possible, but is different enough from the pagination example that you'd be better off adjusting their code rather than the code from the BPM251 example.
Replies
We have rolled out a few forms with pagination. However, when we try to print or store to Laserfiche, we run into problems.
The problems we are encountering are:
1) Print Feature - Only Prints Current Page
2) Save to Repository Service Task - Only stores first page
Any way around this?
The JavaScript that creates the pagination hides the other sections as soon as the form loads. If you want to print the entire form, you'll need to prevent this from happening. There are a few ways you can do this:
For Save to Laserfiche, the easiest way around this is to make a copy of the form without the JavaScript and Custom HTML buttons. This copy will use the variables from the original, so you can use it to grab the entire form.
If you're using a custom print button to allow the user to print the form, you'll just need to show the sections before printing.
Use this custom HTML to create the print button:
<input id="printer" value="Print this page" type="button">
Insert this JavaScript before the end of your document.ready function:
$('#printer').click(function() { $('.sections, .Submit').show(); window.print(); });
If you wanted the code from the conference: https://answers.laserfiche.com/questions/51952/did-the-code-ever-post-for-how-to-create-tabs-on-forms
Maybe that can help you. I imagine you will need to take the pagination you wanted and use a little bit of tweaking and analysis of the code from the conference to get it working just right. I do not see any reason one should not be able to accomplish this task though.