Single page, multiple forms viewed within individual modal windows

Gravity Support Forums » Plugin Support » Gravity Forms

AutoCanada
Member

Hello,

I'm attempting to feature multiple G forms on a single page, hiding them until called into a modal window and have them set to use ajax. The problem is as follows:

- Forms load OK but only the first form chosen will validate or submit when clicked. Other forms will appear, but text input will not function, nor does validation or submission of the form. This problem occurs regardless of whether the first-clicked form has been submitted successfully or not. How can I have the others function regardless of what happens to the first form?

Posted 11 years ago on Thursday June 7, 2012 | Permalink

Found the solution to my problem on Stack Overflow:

By adding:

close: function(event, ui) {
                        try {$("#diatom-carproof-form").data("validator").destroy();}catch(e){}
						$(this).dialog("destroy").remove();
                    }

to each form instance called in the detail-button.js within the application/views/inventory/js folder.

I.E.:

dealertrend('#yourtheme-yourformname').click(function() {

        dealertrend('#yourtheme-yourformname-form').dialog({
            autoOpen: true,
            height: 300,
            width: 529,
            modal: true,
			close: function(event, ui) {
                        try {$("#yourtheme-yourformname-form").data("validator").destroy();}catch(e){}
						$(this).dialog("destroy").remove();
                    }
        });

        return false;

    });

Posted 11 years ago on Tuesday June 12, 2012 | Permalink

David Peralty

That is pretty brilliant and should help many people on this forum. Thanks for posting your solution.

Posted 11 years ago on Tuesday June 12, 2012 | Permalink
iconicgroupcanada
Member

We are attempting to do the same thing with Bootstrap modals. Can anyone provide insight on how the above code would apply to those?

I think it would have to go somewhere in here:

$('#myModal').on('hidden', function () {
// do something…
})

http://twitter.github.com/bootstrap/javascript.html#modals

Posted 11 years ago on Tuesday July 10, 2012 | Permalink

Single page, multiple forms viewed within individual modal windows - not working