Kevin Flahaut greatly explains how to make a fake progress bar popup in this thread:
http://www.gravityhelp.com/forums/topic/add-a-file-upload-progress-bar
However I would like to make the popup appear on all gravity forms button clicks.
The code at the bottom of that locked thread doesn't work. And you can't add over 100 scripts into the header for each and every gravity forms button ID.
How is this possible?
Thanks,
G
Do you have a link to your form? I assume you tried the class method rather than the ID so you could target all of your forms? We would need something to look at to try to see what's not working properly or to offer any kind of guidance.
In your style.css you have references to #fakeprogress, but in your javascript you are labeling it as a class="fakeprogress". Try changing the class='fakeprogress' to id='fakeprogress' in your javascript and see if that works out.
Hey Rob, tried it and refreshed and still no luck. Have also tried changing the javascript a little. Still no joy.
jQuery.noConflict();
jQuery(document).ready(function($) {
$(".gform_wrapper).after("<div id='fakeprogress'><h2>Uploading Files.. Please Wait</h2></div>");
$(".fakeprogress").hide();
$(".gform_footer input.button").click(function () {
$(".fakeprogress").delay(3000).show('slow');
});
});Try this:
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
$(".gform_wrapper").after("<div id='fakeprogress'><h2>Uploading Files.. Please Wait</h2></div>");
$("#fakeprogress").hide();
$(".gform_footer input.button").click(function () {
$("#fakeprogress").delay(1000).show('slow');
});
});
</script>