When Gravity Form is submitted then reveal content on same page - javascript

Using Wordpress with Divi Theme.
When Gravity Form submit button is pressed and submitted I also want it to reveal a section on the same page. Like a toggle reveal that submits the form at the same time.
I Enabled AJAX so the page doesn't refresh after submission but don't know how to reveal a section of page and submit at the same time. Any help welcome Thanks.

There are a few ways to do this. The easiest would be to put the section you want to reveal in the confirmation box within gravity forms. Alternatively you can have the confirmation process re-direct to a specific page that has the same information as your first page, but with the new content on it as well. Finally, (most complex but also most secure) you can setup the gravity forms to also add the user to a member group (using the "Groups" plugin), then have that groups plugin show and hide info based on group membership.

Related

Is it possible to have multiple google form in single webpage?

Currently, I am using google form in my landing page but I want to use multiple google forms in the same landing page. Is it possible to do and if yes, please tell me how can it be done?
The proper way to do it is to have one form and one submit per page. Two submits per page is just bad UI. The only exception I've seen is having a login form (only username and password) at the top, with a different form at the bottom.
Look up https://en.wikipedia.org/wiki/Progressive_disclosure, which states that making the user decide which form to fill, is bad.
Having two forms in one page, is not that different from having a single form with multiple submit buttons. Its possible, but not a very good idea.

Jquery multistep form easing issue sections on the page

Good day guys, i just implemented a jquery multistep form on a site i am working on, it works the way it should but causes the elements on the page to loose their original position after clicking the previous button on the form, what could be casuing it? thats what the form looks like before clicking the previous button
thats what the page looks like after clicking previous button

Angular page demo

I have an angular page that I want to use a plugin like intro.js to demo the different features of the page. However, the issue is that not the entire page is displayed on load. The user is presented with an input box at first that they have to fill out with an id and hit submit. Once they hit submit, the page makes an $http post call and then displays the rest of the page with the data and the other features.
So in this situation, what is the best way to demo this page when only a part of it is display at the beginning? I had 2 ideas
Use a static image of the full page and do a demo on the image
Have a demo button that presents the first part of the page and then when the user submits the id, provide a separate button that demos the rest of the page features
Are those the only 2 ways to do it? Is there any other way?
there are 2 ways
once initial demo is complete, add a hint button (it is feature in intro.js) and restart demo once user click hint
use programmatic way to add steps. first display 2 steps, let user submit the form and on load of controller. restart introjs again

Symfony 3 Pagination Form Data

i have a problem.
I use Symfony 3 for my project. In my project i have a litte pagination.
See: http://getbootstrap.com/components/#pagination-pager
On these two buttons i use the href attribute to navigate between sites.
This works perfect. But now comes the problem.
On every page are a few input fields of which i need the values.
But the pager "buttons" are links, so if i click on one "button" the form will not be submitted.
If i change the links to real buttons, the form will be submitted, but i can't change the page, because there is ne href attribute.
I know i have to set the location in the action attribute of the from, but then i can't navigate backwards or forwards.
So what can i do to get the form params and navigate forwards and backwards?
I hope you understand my problem.
If you want to go backwards and forwards, you don't want a submit button for each page. You only want a submit button at the end, which will submit your whole form (all the pages).
What you should do is:
Put your pagination and your pages inside a big <form> tag, with an action attribute if needed.
Inside your pages, put your form fields.
For the last page of your form, you "Next" link must be replaced by a submit button.
That way, when you submit your form in the last page, all the fields of your different pages will be submitted at once. And you still can navigate backwards and forwards inside your form before submitting.

PHP Ajax Image Upload within form

I'm working on creating a real estate website where it would allow agents to add their property. For adding the property I created a form. For uploading the picture within the same form, I'm using a jquery plugin which uploads the picture before the form is submitted. I have created a hidden field in the form and with php I am filling that field with a unique id to identify the picture belonging to the property.
What if the user did not submit the main form (keep in mind user can close browser, tab, or even navigate away from page) and I already uploaded the pictures. How can I detect these pictures?
Thanks in advance.
You can use onbeforeunload event to detect if the user is leaving the page and then make an ajax call to delete the images.

Categories