How to Make Modal Popups Draggable in Vtiger

Download .Zip

Download the necessary files from the link below.

1KB

DragAndDropModals.zip

archive

AddLink Script + JS.

Extract .Zip

Extract the files and move them as outlined below.

ModalDragAndDrop.js

Place file "ModalDragAndDrop.js" into the folder below.

/your_vtigercrm_folder/layouts/v7/modules/Vtiger/resources/ModalDragAndDrop.js

addLink_DragAndDropModals.php

Place file "addLink_DragAndDropModals.php" into the folder below.

/your_vtigercrm_folder/addLink_DragAndDropModals.phpto

Login to Vtiger

Open the following link in your browser:

...link-to-your-vtiger.com/addLink_DragAndDropModals.php

Once opened, you will see "DONE".

Test the Feature

Refresh Vtiger and the drag for modals should be working.

For drag to work, you must CLICK once on the header and once you click & hold the second time - it will allow to drag an drop. (Essentially you are double clicking on the header and holding to drag).

Here's a video: https://s3.vtexperts.co/213/t/09/27/5g6G38590F2g455C5s7Y.mp4