November Happy Hour will be moved to Thursday December 5th.

Scott Reed
Mar 27, 2018
  1764
(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
Adding Geolocation Personalisation to Optimizely CMS with Cloudflare

Enhance your Optimizely CMS personalisation by integrating Cloudflare's geolocation headers. Learn how my Cloudflare Geo-location Criteria package...

Andy Blyth | Nov 26, 2024 | Syndicated blog

Optimizely SaaS CMS + Coveo Search Page

Short on time but need a listing feature with filters, pagination, and sorting? Create a fully functional Coveo-powered search page driven by data...

Damian Smutek | Nov 21, 2024 | Syndicated blog

Optimizely SaaS CMS DAM Picker (Interim)

Simplify your Optimizely SaaS CMS workflow with the Interim DAM Picker Chrome extension. Seamlessly integrate your DAM system, streamlining asset...

Andy Blyth | Nov 21, 2024 | Syndicated blog

Optimizely CMS Roadmap

Explore Optimizely CMS's latest roadmap, packed with developer-focused updates. From SaaS speed to Visual Builder enhancements, developer tooling...

Andy Blyth | Nov 21, 2024 | Syndicated blog

Set Default Culture in Optimizely CMS 12

Take control over culture-specific operations like date and time formatting.

Tomas Hensrud Gulla | Nov 15, 2024 | Syndicated blog

I'm running Optimizely CMS on .NET 9!

It works 🎉

Tomas Hensrud Gulla | Nov 12, 2024 | Syndicated blog