Installation Guide

Adding to Umbraco

You can add the Sortable Drag and Drop Media package to Umbraco using the same steps as any other package, which are recreated here for your convenience.

1. Download the package zip file.
2. In your Umbraco back office, navigate to Developer > Packages and click the "Install Local" icon in the upper right of the page.
3. Either drag the zip file onto the provided frame or click on the "or click here to choose files" link and select the zip file using your file explorer.
4. Accept the terms of use and hit "Install Package". Hit "Finish" once prompted.

Configuring A Media Folder To Use Sortable Drag & Drop Media

Once you've installed Sortable Drag & Drop Media you can substitute the standard Umbraco grid list view for your media items with it after a bit of configuration.

1. In the "Settings" page, navigate to "Media Types".
2. Click on the "..." to the right of "Media Types" and select a "Media Type" and hit "Create".
3. Set up your media type with the name of your choice.
4. Add a new tab, such as "Content", and in the tab click "Add Property". Name it as you wish and click "Add Editor."
5. Select "List View - Media" from the available editors and hit "Submit", then select the gear icon for the property editor.
6. Click "Add Layouts" under Layouts, add a name of your choice, and insert "/App_Plugins/SortableDragAndDropMedia/views/SortableDragAndDropMediaView.html" in the Layout Path.
7. Remove the other list views if you don't wish to use them (We recommend at least removing "Grid") before submitting the new property to close the dialog.
8. Make sure your media folder has permission to be wherever you need it in the media tree and that you've established allowed child node types via the "Permissions" configuration you can reach via the icon in the upper right.

Now you just need to add your new folder type in your media tree wherever you want it and you're good to go!