Draggable Modal script

Wappler General
#1

I am using a very simple jquery script to allow modals to be moved around the screen. This allows the user to see any information hidden by the modal, useful when there is a form on the modal that needs to be completed and the user needs to refer to information below. This script is written once on the template or parent page of the SPA. The class modal_drag is used on every modal that I want to make draggable.

  <script>
    $( function() {
      $(".modal_drag").draggable();
    } ) ;
  </script>

I am using SPA with two or three modals per SPA page. These are used for New, Edit, Delete etc.

This function works well, but only on the one page. My problem is that when I change (SPA) pages, the script doesn’t work on another SPA page unless I press F5 to refresh the page, then the script works. But if I then change back to the original SPA page, again the script doesn’t work unless I refresh the page. Can anybody help to resolve this issue?

3 Likes
#2

I can’t help with this but would like to pitch in that draggable modals would be a great feature add to Wappler…

1 Like
#3

Maybe @patrick, @George or @Teodor could help with this?

#4

Submission as a feature request would be the correct way to go I think

2 Likes
#5

I think you’re right - but when I suggested this before, the request didn’t get any votes.

2 Likes
#6

I’m amazed at that! I’d have though it would have been standard in Bootstrap by now as it’s so handy…