I am assuming you are rendering your forms using some variation of this approach: http://www.formulate.rocks/render-form

If so, I can imagine the scenario you explain happening if you are sharing the same JavaScript status variable amongst all of your forms:

One way to avoid that would be to create an Angular directive that shows the status (i.e., unsubmitted, success, failure). By wrapping all that up in a directive, you can isolate the Angular $scope, which will ensure your status variables only affect one form at a time.

Let me know if you need any tips on how to do that.

As Im a total beginner in Angular I feel out on deep water here :) I would be grateful for some example code!

Thanks!

I used the exact same code as you so Im trying to not mess anything up :)

After looking into this a bit, I think it was simply a bug in Formulate that was broadcasting the form submission status event too broadly (causing it to be picked up by all forms on the page). I think I have it fixed in this commit: https://github.com/rhythmagency/formulate/commit/13cfd73a5b051362327031dcb822b3bdaa3b5a93

I'm going to run it by a coworker tomorrow before I create a release with this fix.

Super! Thanks for fast support!

Work perfect! Thank you!

Hello Nicholas im having problems rendering my second form on hte same page (forms are inside bootstrap tabs) it does not show :(

this is what im doing :

<script>
var app@(sFormName) = angular.module("app@(sFormName)", ["formulate"]);
app@(sFormName).controller("formWrapper@(sFormName)", function ($scope) {
    $scope.status = "pending";
    $scope.$on("Formulate.formSubmit.OK", function () {
        $scope.status = "success";
        $('form').each(function() { this.reset() });
        showAlertWithButton("@Umbracos.GetTranslation(Model.MacroParameters["title"].ToString())", "@Umbracos.GetTranslation(Model.MacroParameters["message"].ToString())","Ok", null);
    });
    $scope.$on("Formulate.formSubmit.Failed", function () {
        $scope.status = "failure";
        showAlertWithButton("@Umbracos.GetTranslation("Error")", "@Umbracos.GetTranslation("Error on submit")","Ok", null);
    });
});

but the second form does not appear is that something more that i have to change ?

let me tell you that im rendering this in a macro. That is why i have the variable "sFormName" to avoid clashing with ohter instances of the same macro

thank you

Angelo

mmmm ok ... the problem can be the fact that im enstaciating this macro twice with the same JS

let me try with only one call to the angular js

thank you once again

Angelo

is working on a reply...