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

Le Giang
Mar 6, 2018
  9987
(8 votes)

Upload option in the Select content dialog

Hi again!

When working with media contents (image, video...) in the CMS, you can only upload your files in the Media component. In this post I would like to introduce an add-on which allows you to upload media file when you are in the Select content dialog. Let's see it in action.

I have also added this function to the TinyMCE editor, let's see it below.

Basically, it works as same as when you working in Media component but has some notable points.

  1. Upload button only get enabled when you select folder node on the tree.
  2. OK button only get enabled when you select actual media content.
  3. There is a sync between Select content dialog and Media component, this means that you can see uploaded files immediately in Media component after the uploading process completes in the Select content dialog.

It took pretty much code so I have created a nuget package for this feature, but currently it only supports Episerver CMS 10. I will make it work with Episerver CMS 11 soon.

EpiserverSite.TinyMCEFileBrowserPlugin.1.0.0-developerbuild.nupkg

Mar 06, 2018

Comments

Quan Tran
Quan Tran Mar 6, 2018 11:25 AM

Great work !

This should be implemented in core product.

Thanks alot for sharing.

Arild Henrichsen
Arild Henrichsen Mar 6, 2018 12:22 PM

Great work!

That's exactly what I was looking for in this feature request: https://world.episerver.com/forum/developer-forum/Feature-requests/2014/10/upload-image-option-in-the-select-image-dialog/

Agree with the poster above - make sure it ends up in the core product ASAP!

Grzegorz Jeremias
Grzegorz Jeremias Mar 6, 2018 06:21 PM

Hi,

Does it take into account the scenario when creating the page/block and wants to add the image from there (during creation) +  additionally it should  go into "for this page/ block" location. Simply the page/block does not exist at that time (same with "for this page/ block" ), so in connection with mandatory image it is problematic to achieve target in one step.

Le Giang
Le Giang Mar 7, 2018 01:59 AM

@Grzegorz , during creation time of pages or blocks and you want to add images, then you cannot see the "For This Page/For This Block" in the tree. You can only choose the existing shared folders to upload your media files. Basically, the add-on does not change any behavior of the content selector dialog, just allow you to upload files while you are there.

Luc Gosso (MVP)
Luc Gosso (MVP) Mar 7, 2018 11:14 AM

Great work!! +1 to core

Mar 7, 2018 01:16 PM

You da man!

Aria Zanganeh
Aria Zanganeh Mar 9, 2018 01:01 AM

great job .. if the uploaded image would be selected automatically would make it even better

Please login to comment.
Latest blogs
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

Recraft's image generation with AI-Assistant for Optimizely

Recraft V3 model is outperforming all other models in the image generation space and we are happy to share: Recraft's new model is now available fo...

Luc Gosso (MVP) | Nov 8, 2024 | Syndicated blog