A critical vulnerability was discovered in React Server Components (Next.js). Our systems remain protected but we advise to update packages to newest version. Learn More

Scott Reed
Mar 27, 2018
  2348
(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 :)

Please login to comment.
Latest blogs
A day in the life of an Optimizely OMVP: Unlock the Power of Unified Search: Introducing Custom Data Management for Optimizely Graph

Bring all your data together in one searchable experience The Challenge: Siloed Data, Fragmented Search Every organisation has data spread across...

Graham Carr | Jan 16, 2026

Alt text is retrieved for images imported from CMP-DAM in Optimizely CMS 12.

Introduction Although image alt text is stored as metadata in CMP/DAM, it is not automatically rendered in browser HTML. This document outlines the...

Deepmala S | Jan 16, 2026

Announcing Stott Security Version 4.0

January 2026 marks the release of Stott Security v4, a significant update to the popular web security add-on for Optimizely CMS 12, with more than...

Mark Stott | Jan 16, 2026

Optimizely Graph Best Practices - Content Modelling and Querying

Introduction With the Mando Group team having worked extensively with Optimizely Graph over the last 12+ months, we have uncovered a number of best...

Jon Williams | Jan 16, 2026