 |
|
|
Using File Upload Fields on a Multi-Page Form
Multi-page forms do not support the file upload field. This article describes a work around for adding upload fields to a multi-page forms.
Overview
This technique involves creating a second form to handle file uploads only. The first form (our multi-page form) is the linked with the second, file upload form, via the autoresponder redirect url. From the end users perspective, they would complete the multi-page form and then be asked to upload their file (or multiple files).
This method results in two entries in two separate forms/tables. In order to link the two records together it is nessacary to pass an indentifier from the first form submission into the second file upload form. This process is explained below.
Getting Started
Lets assume we have a multi-page form named "Job Application" and we want to add a file upload field to it. Since file upload fields can not be added to a multi-page form, the alternative is to create a second form used for uploading: - Create a new Single Page form and name it "Job Application Resumes"
- Save it in the same folder as the multi-page form
- Do not add any fields to the form durring the creation process
- In the editor, add the file upload field, and name it "resume"
- Next, we will add a hidden field that we will use to relate this form submission to the form submission in the Job Application form/table
- Insert a new field, name it "LinkID", and set the HIDDEN Attribute to TRUE. Click the Save & Close tab to add the field to the form. This field will hold the [RECORD_ID] value from the matching record in the "Job Application" table.
This form is now ready to be used. You can add autoresponders, notifications and tidy up the look and feel later. The next step is to link the two forms together.
Linking the Forms Together Via the AutoResponder Redirect URL
Next, we'll set up the autoresponder redirect url on the "Job Application" to link to our "Job Application Resumes" form and pass the [record_id] through into the hidden [LinkID] field added in the previous step. - Return to your Component Menu
- Before we begin editing the "Job Application" Form, click the "Open form URL" link in the Component Details window for the "Job Application Resumes" form. When the form opens in a new window, highlight the entire form URL and copy it to your clipboard. We'll need this URL in the next step)
- Next, back at your Component Menu, click on the "Job Application" form to activate it.
- Next, click the Autoresponders icon and add a new STANDARD autoresponder profile
- Enter "Redirect Profile" in the name field.
- Then paste the URL of the "Job Application Resumes" into the redirect url field. By doing this, after the form submission it will automatically 'bounce' to the upload form.
- The final step, to associate the two records together is to pass the [RECORD_ID] through the redirect url to populate the [LINKID] field. This is done by adding '?linkid=[record_id]' at the end of the redirect URL.
The resulting URL should look something like this:
http://www.logiforms.com/formdata/user_forms/243_1802639/28821/?linkid=[record_id]
- HINT: You can pass additional values through the URL as well. In some cases, it may be easier to add hidden fields for 'name','company',etc. so that you can easily associate the two entries without having to look up the record_id. To do this, just ensure that you have added the hidden fields to the second form and use the syntax explained in this KB Article to pass multiple values through the URL.
- You may leave the rest of the autoresponder settings blank and click NEXT through to the end to save the profile
Conclusion
In closing, this workaround is easy to implement and is very powerful. When used in conjunction with the Publishing Wizard, you can build a puplished page that shows the Job Application Submissions with a link that will automatically get the linked data from the second table. In addition, you can set up the autoresponder redirect to use rules, where the user is asked if they have a file to upload and if they choose YES, they are redirected to the upload form and if they choose NO, then they are shown the standard post submission thank you page.
keywords: file upload,upload,multipage forms,uploading,file fields, photo
Return to KB Article Index
|
|
 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
"I like the Form builder because it gives me the fastest possibility to create professional looking forms for our Website Interaction Functions."
Andreas Von Gunten
PARX AG
|
|
|
|
"I have referred numerous people to your service as I feel it is the best hosted forms solution I've seen.
My service provides basic contact us, newsletter, and survey forms, but when I get customers who need a more
customized solution, I refer them to you."
Josh Jacobs
VP Sales & Marketing
Bigstep.com
|
|
|
|
|
|
Web Design Resources
Check out these other great sites.
|
|
|
|
|
|
|
