Scott Reed
OMVPPaaS CMS Developer Certificationworkspace_premium +2
Mar 27, 2018
visibility 2773
star star star star star
(4 votes)

Making drag and drop pages/media work with the IList

Here at Redweb, we are currently building a new site for a client with lots of content population. For one of our gallery solutions we decide to utilize an IList as we have used many times before without issue.

Problem: Our Qualtity Assurance guy raised that the ability to drag and drop images is broken when using this.

We invesitgated and the small issue was that the IList throws up the usual FED popup favourite of adding an overlay on the page. 

Image dialog-before.png

Therefore we chose to override this. We added to our editor stylesheet used in the CMS

.dijitDialogUnderlayWrapper {
    position: relative;
}

This then forced the wrapper not to be absolute over the screen anymore, hence 

Image dialog-after.png

We now have this fixed. The only downer is it allows the editor to use the underlying UI but this is not a big issue to us. Hopefully the new changes to the UI for improved drag/drop will have fix this.

Mar 27, 2018

Comments

valdis
valdis Mar 27, 2018 05:24 PM

hahaa.. neat! :)

Mar 28, 2018 02:40 PM

Nice. Having drag and drop in the IList should be a default behavior

Mar 28, 2018 03:19 PM

Yeah it's something so small and hacky but it makes a lot of difference to content population

K Khan
K Khan Mar 30, 2018 11:17 AM

Thanks for sharing :)

error Please login to comment.
Latest blogs
Surviving a Dirty Feed. Part 3: Error Handling and Event Batching

Committing a 250,000-row Optimizely catalog import row by row, returning a per-row failure report, and coalescing catalog events into one per batch.

Stanisław Szołkowski | Oct 16, 2026 |

Building UI Extensions for Optimizely SaaS CMS

Introduction Developers have been extending the functionality of Optimizely PaaS CMS for years using addons built in C# and deployed as NuGet...

Mark Stott | Oct 15, 2026

Cheapskate AI Translator: Because Translation Should Not Require a Second Mortgage

There is a particular kind of software project that begins with a detailed architecture document, a product roadmap, and a carefully assembled...

Linh Doan Cuu | Oct 15, 2026

Computed Fields in CMS 13 Content Contracts with Optimizely Graph

Content Contracts in Optimizely CMS 13 allow different content types to share a common structure when querying Optimizely Graph. But what if the...

Mardy | Oct 14, 2026