Why Does My Form Close When I Click On Previous And Next buttons?

ChrisSergent

I have a form named attributes modal that uses esriBootstrap. I have the following code as I want the form to close after an update or when a user clicks cancel, but it closes even when a user clicks on previous or next. Any idea why? Here is the code:

query("#attributesModal .btn").on("click", function (e) {
            var target = e.target;
            if (target.innerText === "Update") {
                updateSupports();
                app.attributesModal.modal("hide");
                document.getElementById("btnSupportUpdate").style.visibility = "hidden";
            } else if (target.innerText === "Cancel") {
                app.attributesModal.modal("hide");
                document.getElementById("btnSupportUpdate").style.visibility = "hidden";
            }
            
        });

Thoughts Tom Wayson​

Here is my latest commit on Github: https://github.com/csergent45/streetSigns/tree/31dcc8e2306e00c81e7e2094ca14b4fa583ae44a

and my site has been updated at: http://maps.decaturil.gov/streetsigns/

TomWayson

This query:

```

query("#attributesModal .btn")

```

Selects every dom node w/ the class "btn" in the DOM node w/ id "attributesModal" and applies that click handler, so I presume your previous and next buttons have the class "btn" as well (which is the bootstrap base class for buttons). Try giving your submit/cancel buttons a distinct class name and us that in the above query in place of "btn".