Try our conversational search powered by Generative AI!

Linh Nguyen
Jan 19, 2021
  8148
(12 votes)

Move inline block edit from Labs.BlockEnhancements to CMS UI

Features in EPiServer.Labs.BlockEnhancements have been used and appreciated by many users. The most common feature - inline editing, now becomes a part of the product and will be available from CMS UI 11.32.0.

Inline Edit

Using the Quick Edit command from the context menu, editors can edit blocks without changing the current content context. The command is available in Forms View, On-Page Edit and the assets pane.

inline edit.gif

The command opens a dialog box with an editable block form. Editors can edit blocks the same way as when switching to blocks editing context.

By default, the Name, Categories properties and the Setting tab are hidden. This developer guide topic shows how to enable them with InlineBlockEditSettings attribute.

The bottom-left button mirrors the main button in the Publish menu, so it can be Ready for Review, Ready to Publish, Publish or Publish Changes. It helps editors to change the block's status directly from the inline edit dialog box.

image34my.png

For block content types that have properties in more than one tab, those tabs are replaced with sections in the inline edit dialog box. Below is an example of a block type which is configured to show Name property and Setting tab, and has property in three tabs - Contact, Products and Content.

    [SiteContentType(GUID = "9E7F6DF5-A963-40C4-8683-211C4FA48AE1")]
    [SiteImageUrl]
    [InlineBlockEditSettings(ShowNameProperty = true, HiddenGroups = "")]
    public class AdvancedBlock : SiteBlockData
    {
        [Display(Order = 1, GroupName = SystemTabNames.Content)]
        public virtual string Text1 { get; set; }

        [Display(Order = 2, GroupName = SystemTabNames.Content)]
        public virtual string Text2 { get; set; }

        [Display(Order = 1, GroupName = Global.GroupNames.Products)]
        public virtual string Text3 { get; set; }

        [Display(Order = 2, GroupName = Global.GroupNames.Contact)]
        public virtual string Text4 { get; set; }
    }

images5vtv.png

Note: For people who use Labs.BlockEnhancements and Labs.ContentManager:
If you have a previous version of EPiServer.Labs.BlockEnhancements installed, you should upgrade to the version 0.10.0 as it is compatible with CMS UI 11.32.0
Compatible version of Labs.ContentManager to work with CMS UI version 11.32.0 is coming soon.
Jan 19, 2021

Comments

Stefan Holm Olsen
Stefan Holm Olsen Jan 19, 2021 05:49 PM

Very nice 👍

Erik Henningson
Erik Henningson Jan 21, 2021 07:10 AM

Great to see that the CMS part isn't forgotten. A great editor experience is a key to success.

Luc Gosso (MVP)
Luc Gosso (MVP) Jan 21, 2021 08:03 AM

Waited for this, why not use tabs? =)

Mike Malloy
Mike Malloy Jan 29, 2021 07:54 PM

I agree with @GOSSO, use tabs.

Would be nice if it worked in the All Properties view.

Linh Nguyen
Linh Nguyen Feb 1, 2021 02:43 PM

@GOSSO, @Mike: I should have used tabs in the demo, but tabs is supported.

@Mike: It works in All Properties view as well

Luc Gosso (MVP)
Luc Gosso (MVP) Feb 7, 2021 08:33 PM

"you should upgrade to the version 0.10.0"? shouldnt you make clear that you can uninstall Labs.BlockEnhancements, also seems that Advanced.CMS.Forms should be uninstalled ? 

Linh Nguyen
Linh Nguyen Feb 19, 2021 11:38 AM

@gosso: Labs.BlockEnhancements has other features that people might still use (smart publish, inline publish, status indicator...), for those they should upgrade to 0.10.0 to make Labs.BlockEnhancements compatible with CMS UI. I haven't checked Advanced.CMS.Forms, but we do have some issues with compatible versions of Advanced.CMS vs CMS UI 11.32.0

Jonas Boman
Jonas Boman Oct 24, 2022 08:41 AM

Thanks Linh Nguyen for this. 
Is it possible to have the help-text for each property visible?

Linh Nguyen
Linh Nguyen Oct 24, 2022 06:26 PM

Hi Jonas,

The help-text should be visible for those properties that have.

Please login to comment.
Latest blogs
Optimizely and the never-ending story of the missing globe!

I've worked with Optimizely CMS for 14 years, and there are two things I'm obsessed with: Link validation and the globe that keeps disappearing on...

Tomas Hensrud Gulla | Apr 18, 2024 | Syndicated blog

Visitor Groups Usage Report For Optimizely CMS 12

This add-on offers detailed information on how visitor groups are used and how effective they are within Optimizely CMS. Editors can monitor and...

Adnan Zameer | Apr 18, 2024 | Syndicated blog

Azure AI Language – Abstractive Summarisation in Optimizely CMS

In this article, I show how the abstraction summarisation feature provided by the Azure AI Language platform, can be used within Optimizely CMS to...

Anil Patel | Apr 18, 2024 | Syndicated blog

Fix your Search & Navigation (Find) indexing job, please

Once upon a time, a colleague asked me to look into a customer database with weird spikes in database log usage. (You might start to wonder why I a...

Quan Mai | Apr 17, 2024 | Syndicated blog

The A/A Test: What You Need to Know

Sure, we all know what an A/B test can do. But what is an A/A test? How is it different? With an A/B test, we know that we can take a webpage (our...

Lindsey Rogers | Apr 15, 2024

.Net Core Timezone ID's Windows vs Linux

Hey all, First post here and I would like to talk about Timezone ID's and How Windows and Linux systems use different IDs. We currently run a .NET...

sheider | Apr 15, 2024