You are viewing limited content. For full access, please sign in.

Question

Question

Help Implementing Form Pagination

asked on March 11, 2014

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.

0 0

Answer

APPROVED ANSWER
replied on March 11, 2014

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.

2 0

Replies

replied on March 28, 2014

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?

0 0
replied on March 28, 2014 Show version history

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();
  });


 

1 0
replied on March 11, 2014

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.

0 1
You are not allowed to follow up in this post.

Sign in to reply to this post.