Dear loic,
Thank you for your patient support and prompts. The last advise on downloading a new version of jquery-ui and replacing it by renaming the old file, did not work. But it gave me a further hint where I should be looking for the problem.

I SOLVED IT! This is what I did:
I downloaded a new jQuery UI version 1.11 and replaced old jquery-ui.min.js with new jquery-ui.min.js. Then I opened jquery-ui.min.js with html editor and replaced ":(function(e){"function"==typeof define&&define.amd?define(["jquery"],e):e(jQuery)}
with
(function(e){"function"==typeof define&&define.amd?define(["jquery"],e):e(jQ)}

So jQuery replaced with jQ

This did the trick!
Now drag and drop feature is fully functional and I can see my custom fields now every where I need.

Thank you again for your help!
I appreciate it!
It is a great Component you have made!
Regards

Dear loic,
Thank you for your support. I am sorry for reopening this topic but I could not solve it nor I found any topics related to my problem.

How can I change the size of an image when user click on an image using Lytbox? I set the size of an image in Configuration but this size also picked up by Lytebox and display in a small size. Somehow Lytebox also uses the size which I set for Max Ad Image Width and Max Ad Image Height.

If I put bigger size then on the front public view the size of an image becomes enormously big and goes outside of my website design.

is there any way, i can set different size of lytebox?

Thank you Very much for your time and help.
Regards