Add A File Upload Progress Bar?

Currently there is no file upload progress bar as it uses the built in PHP file upload capabilities. We plan on enhancing this in the future with a more advanced upload feature.

yes, you can put the code snippet in your theme's header.php file. Since your form ID = 1 then "gform_wrapper_1" is appropriate.. the "_1" denotes the specific form ID.

Steve.. haha. I didn't realize it at first, but I already had your site open because I was interested in the event.. neat idea.

Not 100% sure here.. at least part of the script is working.. it's writing the fakeprogress div out.

You might try this instead.. using the specific id for the button. Just replace the other script block with this one.

<script type="text/javascript">
jQuery.noConflict();
  jQuery(document).ready(function($) {

  		$("#gform_wrapper_1").after("<div id='fakeprogress'><h2>Uploading Files.. Please Wait</h2></div>");
  		$("#fakeprogress").hide();
		$("input#gform_submit_button_1").click(function () {
   			$("#fakeprogress").delay(3000).show('slow');
		});	

  });
</script>

You would need to view the source, find the button element and grab the id that's specified there.

screenshot

I had already included the proper ID for your form in the example above.

We'll be adding a flash-based upload tool at some point which will allow for multi-file uploads, progress bar, etc. It's on the drawing board, but I can't really tell you right now what release it's going to be in.

We have a ton of features we still want to add and are also busy developing other add-ons as well as some new products. We'll get it in there as soon as we can.

Yep, you can use a filter to change the upload path. Just modify it to your preference and add it to your functions.php file.

example:

<?php
add_filter("gform_upload_path", "change_upload_path", 20, 2);
function change_upload_path($path_info, $form_id){
   $path_info["path"] = "/new/path/";
   $path_info["url"] = "http://new_url.com/images/";
   return $path_info;
}
?>

Be sure to specify the full server path to your directory, and also the full URL as well in the path variables.

No news on a flash-based file upload at this point. We've been busy with the release of the new 1.5 version along with the User Registration Add-on and other updates.

A multi-file uploader with progress bar, etc is still on the list but it will still be a little while until we get that implemented.

You should be able to simply convert the unique ID's in the previous sample to use generic class names instead. That way you could apply the script to all of your forms. Something like this.. (should work but I haven't tested it)

[js]

jQuery.noConflict();
  jQuery(document).ready(function($) {

  		$(".gform_wrapper).after("<div class='fakeprogress'><h2>Uploading Files.. Please Wait</h2></div>");
  		$(".fakeprogress").hide();
		$(".gform_footer input.button").click(function () {
   			$(".fakeprogress").delay(3000).show('slow');
		});	

  });

You'll need to adjust any CSS rules to reflect the changes as well.