I was able to get this working pretty well I think. You can see an example of what I've done here:
http://www.coolwave.com/test/shop/banner-design/
Basically all I've done is add a HTML section to the form and included this jQuery snippet http://www.pastie.org/3239043 along with a button that has the ID of #add
To make this work I've added the class of .hidden-up to each of the extra file uploads. I also added a notification box with the same class using another HTML section to notify the user when they've reached the maximum number of uploads allowed.
Any feedback on this is welcome and appreciated. The site is still a work in progress so don't be too harsh on the visual aspects. :)
Edit: I also added a bit of CSS to my main style sheet to prevent the extra uploads from showing on page load. The following seems to solve the issue:
.gform_wrapper ul.gform_fields .hidden-up{
display:none
}
Posted 12 years ago on Monday January 23, 2012 |
Permalink