Enabling drag and also decrease in my CMS (Content Management System)

I'm making use of Drupal as CMS for my internet sites and also I was asking yourself if there is a means to enable dragNdrop capabilities to post photos to the internet site.

I suggest dragNdrop photos right into the back - end (in the internet browser window).

Otherwise, can I construct a desktop computer application incorporating with Drupal? (such as. Adobe Air application. or another thing.)?

many thanks

2019-05-13 03:52:09
Source Share
Answers: 2

I do not recognize of a wonderful plugin that flawlessly takes care of the javascript side of all documents drag 'n' decline communications for an approximate internet application (or I would certainly've made use of one for our drag and drop stuff).

Nonetheless, there is a rather economical hack you (or any kind of plugin HTML/JS/CSS plugin programmer) can make use of that we capitalized on in FogBugz. If you locate the input [type = "documents" ] component on your web page and also make use of CSS to make it unseen and also the complete width/height of your web page, this will certainly allow you drag 'n' go down files onto your internet browser.

#drop input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;

The plugin will clearly need to make use of JS to take care of the add/remove of these designs to the component.

Please do not chew out me for not making use of the HTML5 File API. It is useful, yet groom - in - the - air x - internet browser security - sensible now. We went w/ the quickest remedy that would certainly allow us uncover whether our customers located drag 'n' decline to be valuable.

It operates in Chrome and also, for files at once, Safari. Complete information readily available below: http://www.thecssninja.com/javascript/gmail-upload

Bonus : someone need to actually create a straightforward little jQuery plugin that locates the first noticeable input [type = "documents" ] component on the web page and also uses these designs w/ a wonderful little "decline below" target and also computer animation.

2019-05-17 15:48:47

Install these

  • drupal.org/project/cck
  • drupal.org/project/imagefield
  • drupal.org/project/dragndrop_uploads

Once mounted, Drag 'n' Drop Uploads requires to be set up for each and every Content Type you desire to make use of, this can be done on the Content Type arrangement web page under "Drag 'n' Drop Uploads setups":

http :// [www.yoursite.com/path/to/drupal ]/ admin/content/node - type/ [node - type ]

2019-05-17 15:43:53