Scott Reed
+1
Mar 27, 2018
visibility 2634
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
Finding Thomas Part 5 - The Closed Loop

Five weeks. Five layers. One Thomas. If you've followed this series from the start — thank you. If you're just landing here, the short version:...

Ritu Madan | Jul 20, 2026

Extending the Optimizely Product Recommendations Feed to Include Custom Product Types

A practical way to extend the Optimizely Product Recommendations catalog feed so the export scheduled job also includes custom catalog types, like...

Wojciech Seweryn | Jul 20, 2026 |

Parallel Development in Optimizely CMS SaaS: A Smarter Way to Push Content Models

When Optimizely shipped the JavaScript SDK and CLI for CMS SaaS, they gave developers something pretty cool — a code-first workflow for content...

Vipin Banka | Jul 20, 2026

Fixing index_not_found_exception After Purging External Data in Optimizely Graph

The Scenario: Indexing External Data When working with Optimizely Content Graph, indexing external data is a straightforward process. Synchronize...

Akash Borkar | Jul 16, 2026

Finding Thomas Part 4 - The Intelligence Layer

I've been finding Thomas for a couple weeks now. Bear with me — we're almost at the full picture. Quick catch-up : Thomas is the returning visitor...

Ritu Madan | Jul 14, 2026

The Silent Success: When Your Optimizely SaaS CMS Config Push Succeeds with "0" Changes

  Picture this frustratingly common scenario in headless, code-first development with Optimizely SaaS CMS: You’ve defined a brilliant new element,...

Vipin Banka | Jul 13, 2026