Attach a file option

I noticed that in your own ‘Reply to this Topic” option (when replying to a post in the Helpdesk), the Attach a File link actually allows you to add files cumulatively i.e. you  attach one file, it displays the link, then you can attach more, and it displays each one as you continue to add.

How do you do that, and is it something that Formidable Pro will allow me to do?

This feature can be implemented in Formidable Pro by following these instructions:
http://formidablepro.com/knowledgebase/using-file-upload-fields/#kb-hide-upload-field-until-file-is-selected-in-previous

Steve,

I don't understand I'm afraid. I can add a customisable HTML field to the form (is this correct?), to which I paste and change the first bit of code (the script), but then it says amend the line of code for the second file upload field - where do I do this?

Steve,

 

Sorry -being stupid! Found it in Settings for the form. However, doesn't seem to work so far...the second upload field isn't hiding.

Done a little testing with this. Even if I do not add the script code in the first section, and just add the <div id=”frm_field_[id]_container” class=”frm_form_field form-field [required_class][error_class]” style=”display:none”>, the field I add this to isn't hidden.

Try deleting the Quotation marks around the display:none and re-typing them...if you copied and pasted those. I just edited that page so the line to change out is pre-formatted.

If replacing those quotation marks doesn't do the trick for you, please let me know and if you can provide a link to your form, it would be helpful also.

Steve,

That's it!  Excellent thank you :)

As a follow up, is there an option to list the files to be uploaded in a list and have a Remove link just like in this Reply to this Topic page?

This can be done with some added Javascript. This Helpdesk topic has information on how to do that: http://formidablepro.com/help-desk/edit-entries-uploaded-files-to-not-show-up/

Let us know if you have any other questions.

Hi Steve,

Thanks for the reply, and the support is a credit to your company.

The Javascript isn't working for me. The Remove file link appears, and clicking on it triggers the dialogue box, but all it does is remove the Remove file link itself. The name of the file chosen to upload initially still remains (and presumably would upload if I clicked Submit).

Additionally, it still doesn't look and work like this page I'm typing this reply into (Screenshot attached for clarity!) I want each successive file upload to appear as a list like yours (headed Attached Files) with an option to remove any particular one as I add to the list, just like the screenshot.

Any ideas?

 

Hmm, it looks like the screenshot you attached didn't take. Can you provide a link to your form so I can take a look at the javascript issues you are running into?

Hi Steve,

Happy to provide a link http://www.filesgohere.co.uk/wp/welcome/becoming-a-partner but as I've taken out the last set of code, it might not help. However, it may be useful if I describe what I'd like to achieve...

I need the user to be able to upload a number of files (at this stage it could be from 1 to 10 or more), and rather than add 10 separate upload fields, I would like 1 to 'appear', even when adding subsequent files (i.e. 2 onwards), and have a list appear of what they have ready to upload as they go along, and obviously when they finished adding and are ready to submit. It would also be nice to have the option to remove a file as they go along just in case they make a mistake, or try to upload a duplicate.

Over to you, and thanks again.

This functionality is planned for the addition into the core plugin, but it hasn't been started yet. For the time being, I don't think it would be possible. The closest you will get is the conditionally hidden upload fields. Sorry.

Topic closed.