Calling all developers! We invite you to provide your input on Feature Experimentation by completing this brief survey.

 

Alexander Haneng
Aug 31, 2012
  6378
(2 votes)

New EPiServer 7 intermediate build: The good, the bad and the ugly

Yesterday EPiServer released an intermediate build of EPiServer 7 to a few selected developers. Although the build itself is not public, I have gotten permission from EPiServer to blog about it Smile

 

image

The new edit UI

 

What’s new

There are quite a few changes/additions between this build (7.0.524.0) and the EPiServer 7 Preview build (7.0.449.1).

 

Here are the changes according to EPiServer:

-A brand new preview function.
-A page settings header that groups the most important properties of pages and blocks. (currently visible in forms editing mode).
-Managing deleted pages and blocks.
-Support scheduled publishing.
-Support for linking data (external URL, internal link, fetch data etc.) from the new UI.
-Support for viewing form data from the new UI.
-Simplified creation of blocks.
-Support for categorization of blocks.
-Support for managing access on global blocks.
-Support for inline editing of some additional property types (e.g. page type, sort order rule etc.).
-Improved enterprise support.
-A lot of additional UX improvements

 

The good

 

Better block editor

The best change in this version is definitely the improvement to how editors work with blocks. The changes might be minor, but the effect on editor friendliness is not.

First of all you are not completely thrown out of the page you where working when creating a new block, thanks to a “Back” link that takes you back to the page you are working on.

image

 

You can also create and add a block directly to a content area (or so I think, it doesn’t work in this build, but that is probably a bug)

image

 

Another annoyance in the preview is that your block would be called “New block” unless you remembered to name it before choosing block type. In this build you get a warning:

 

image

 

Also you get more space to work with your “shared blocks”, see the next point.

 

The right side gadgets pane aka “assets pane” is shown as default and gadgets are tabbed

The gadgets pane has always felt very crowded in EPiServer 7. Moving the gadgets to separate tabs makes much more sense and enough room to work with blocks, files, versions etc.

image

The blocks gadget is selected

 

image

The files gadget is selected

 

The new page/block button is more accessible

image

 

The preview button is more accessible and works better

The preview button now keeps you inside edit mode, but hides all the green boxes so you can see what the page really looks like. Also you can click links inside properties and navigate your way to another page you want to edit as the preview is “sticky”. Once you are on the page you want to edit simply click the preview button again. Perfect!

image

 

 

We now got a trash can

This build includes a trash can for both pages and blocks. It is no longer located under the root page and is accessed through a hidden button. Ok, it is not really hidden, but that button is damn hard to find Smile

 

image

 

 

The bad

 

The block work flow could be even better

In this build it is very easy to go to a page, create a new block and click the back link without first publishing the block. The block will be created and you can add it to your page, but it won’t show up in the published page as the block itself is not yet published. This has been handled with greying the block out, but I think there should be an even better solution to this problem.

 

Lots and lots of blocks

On a production site you will end up with hundreds or even thousands of shared blocks. EPiServer has address this through a folder dialog that pops up when you create a new block as well as search.

 

image

 

image

 

What I would like to see is the addition of “block type name” to the block listings. This will make it much easier for the editor to select the right block on the first try.

E.g.
Campaign 1  - Teaser
Campaign Images -  Image Gallery
Campaign 1 - Twitter

Also:

-The trash button is hard to find
-There are still a few bugs here and there, but that is to be expected.

 

 

The ugly

This change is described as

“A page settings header that groups the most important properties of pages and blocks. (currently visible in forms editing mode).

 

In this build this header is always open and takes up a lot of space. I expect it to be hidden somehow in the final build. 

image

The page settings header

 

 

image

What it looks like in the preview

 

 

 

To sum it up

EPiServer 7 is inching ever closer to release and this build is a big leap in the right direction. Getting blocks to work 100% for editors is a must for a modern CMS like EPiServer 7, so I hope the team will make the final adjustments to this before release.

 

And guess what: I don’t miss the right click menu! (Good work team, you proved me wrong).

Aug 31, 2012

Comments

Martin Pickering
Martin Pickering Sep 4, 2012 10:48 AM

Thanks very much for your Post. As I'm (not so) patiently waiting for the release of 7 to hear about the progress that is being made beyond the Preview towards the actual release is great.
However, the details of your Post only increase my anticipation for the release of 7; which is good right?

Christian.Wallgren@sogeti.se
Christian.Wallgren@sogeti.se Sep 27, 2012 09:16 AM

Interesting post, Alexander!

What are your plans for implementing EPiImage in EPiServer 7 CMS?
Or is it perhaps already done, just waiting for the actual release?

Best regards
Christian

Sep 27, 2012 01:10 PM

Hi Christian,

I have created the ImageResizer part for EPiServer 7, but not the EPiImageProperty nor EPiImageGalleryProperty. Not sure if the first one is needed any more. Need to figure out how to do the latter.

Vladimir Levchuk
Vladimir Levchuk Dec 18, 2012 02:21 PM

Hi Alexander,

Could you please share the recent status about EPiImage for EPiServer 7? I saw 7x folder on epifolder, but seems nothing is done there yet.

javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$MainRegion$LeftBodyArea$ucComments$CommenButton", "", true, "CommentValidation", "", false, true))

Vladimir Levchuk
Vladimir Levchuk Dec 18, 2012 02:24 PM

[strange error occurred during submit, so attempt #2]

Hi Alexander,

Could you please share the recent status about EPiImage for EPiServer 7? I saw 7x folder on epicode, but seems nothing is done there yet.

Please login to comment.
Latest blogs
Decimal numbers in Optimizely Graph

Storing prices as decimal numbers on a commerce website and planning to expose them through Optimizely Graph? It might not be as straightforward as...

Damian Smutek | Jan 23, 2025 | Syndicated blog

Find and delete non used media and blocks

On my new quest to play around with Blazor and MudBlazor I'm going back memory lane and porting some previously plugins. So this time up is my plug...

Per Nergård (MVP) | Jan 21, 2025

Optimizely Content Graph on mobile application

CG everywhere! I pull schema from our default index https://cg.optimizely.com/app/graphiql?auth=eBrGunULiC5TziTCtiOLEmov2LijBf30obh0KmhcBlyTktGZ in...

Cuong Nguyen Dinh | Jan 20, 2025

Image Analyzer with AI Assistant for Optimizely

The Smart Image Analyzer is a new feature in the Epicweb AI Assistant for Optimizely CMS that automates the management of image metadata, such as...

Luc Gosso (MVP) | Jan 16, 2025 | Syndicated blog

How to: create Decimal metafield with custom precision

If you are using catalog system, the way of creating metafields are easy – in fact, you can forget about “metafields”, all you should be using is t...

Quan Mai | Jan 16, 2025 | Syndicated blog

Level Up with Optimizely's Newly Relaunched Certifications!

We're thrilled to announce the relaunch of our Optimizely Certifications—designed to help partners, customers, and developers redefine what it mean...

Satata Satez | Jan 14, 2025