I'd like to get Umbraco Forms to post asyncrhonously, so that a full page refresh on form page change doesn't occur. Is this possible? Main reason, I'm using a form with multiple pages within a bootstrap tab and don't want the page to refresh and loose the page tab.
So here's my layout. Upon clicking Next, the form goes to the next page in the form. The problem is that this does so with a full page refresh. I'd like to avoid that because when the page refreshes, it kicks back to the first tab so the form is no longer shown.
My app is not visible to the public yet, so I cannot provide direct access. Let me know what you want to see and I can provide it here or give you a host record to add.
Contour is kind of useless when it comes to AJAX forms. I've been able to get it to work by essentially ignoring Contour except for the storage/workflow. I create my own controller/action and post to that. And that action method returns some JSON that contains a property that is the string representation of the form. The JavaScript then replaces that part of the page with the new markup from the JSON response (does a few other things too, like letting the validator know about the new markup).
It's a bit annoying, because if you want things like required field validation and regex validation, you have to reimplement that in your action method.
I'm hoping the new Umbraco Forms (successor to Contour) has better AJAX capabilities, but I'm not all that hopeful.
Forms Pages post as AJAX, not page post
I'd like to get Umbraco Forms to post asyncrhonously, so that a full page refresh on form page change doesn't occur. Is this possible? Main reason, I'm using a form with multiple pages within a bootstrap tab and don't want the page to refresh and loose the page tab.
Comment author was deleted
Mind sharing your updated view, then I can give it a go
So here's my layout. Upon clicking Next, the form goes to the next page in the form. The problem is that this does so with a full page refresh. I'd like to avoid that because when the page refreshes, it kicks back to the first tab so the form is no longer shown.
My app is not visible to the public yet, so I cannot provide direct access. Let me know what you want to see and I can provide it here or give you a host record to add.
Comment author was deleted
ok I understand what you are trying to accomplish, will give it a go tomorrow and let you know further details then
Comment author was deleted
Quick update, still investigating and seeing if it's possible
Were you able to figure out if we could?
Comment author was deleted
Not yet since it isn't that straight forward as I thought, but it is still work in progress, hope to have an update for you later this week
Curious if you had an update. I'm hoping to have the same functionality.
Thank you
Contour is kind of useless when it comes to AJAX forms. I've been able to get it to work by essentially ignoring Contour except for the storage/workflow. I create my own controller/action and post to that. And that action method returns some JSON that contains a property that is the string representation of the form. The JavaScript then replaces that part of the page with the new markup from the JSON response (does a few other things too, like letting the validator know about the new markup).
It's a bit annoying, because if you want things like required field validation and regex validation, you have to reimplement that in your action method.
I'm hoping the new Umbraco Forms (successor to Contour) has better AJAX capabilities, but I'm not all that hopeful.
You can do it using jQuery (and probably without) with the jQuery Form Plugin.
It's kind of hacky, but it works.
is working on a reply...