topic Closing and redirecting a modal in ArcGIS Hub Questions

Closing and redirecting a modal

AJ_devaccount — Tue, 12 Apr 2022 17:08:04 GMT

Is it possible to create a button at the end of a modal that closes it, but also redirects the user to a different page? Basically the modal has a disclaimer, where at the end the user has to "Agree" with the terms, which should close the modal, but also open up a different page.

Thank you!

Edit: this code should work in Bootstrap 4, unfortunately I couldn't find a Bootstrap 3 version.

<a href="link" class="btn btn-primary" target="_blank" data-dismiss="modal">I Agree</a>

Re: Closing and redirecting a modal

BrianRollison — Wed, 20 Apr 2022 13:36:32 GMT

Hi @AJ_devaccount - not at this time, please log an ENH request with support or post to ArcGIS Ideas. This way the community will be able to follow/upvote your request.

Re: Closing and redirecting a modal

nehakakar — Fri, 28 Jul 2023 11:06:32 GMT

Try this on Bootstrap 3 ..

<div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content">  <div class="modal-body">  </div>  <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <a href="link" class="btn btn-primary" id="agreeButton">I Agree</a> </div> </div> </div> </div>  <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Open Modal</button>  <script> document.getElementById('agreeButton').addEventListener('click', function() { // Redirect the user to the specified link window.location.href = 'link'; }); </script>