Go to content

Go to employees

Go to search

No more mouse arm during reorganization of page-type properties

Thomas Leela
 

Changing the order of page type properties has always been a bit of a pain. Especially when moving a property several levels. The EPiCode.PageTypeUtil tool has among other things great functionality for sorting properties, but its GUI shows signs of being created by and for engineers.

Several customers of us have expressed their desire for reorganizing properties by using drag & drop in admin mode. This is one of those small things I hear and think about, but never find the time to actually solve. Recently I was involved in a project with monstrous page types. Changing the sort index of my newly created properties from least-  to most significant was anything but a walk in the park. As I literally started to feel the pain, as a light tendonitis, I had to stop lingering and start acting. Fortunately the solution turned out to be rather simple and effortless.

How to use

Position the mouse pointer anywhere on a property row, except for the name-column or up and down buttons. Click and drag the row to its new position before dropping it. The tool replaces(using virtualPathMapping) the standard page in EPiServer for editing page types, which makes it easily accessible for administrators.

Install as module using EPiServer deployment center

Download zip-file and use EPiServer Deployment center’s "Install module from a Compressed File"

Install manually

If you prefer to perform a manual install check out source with TortoiseSVN EPiCode.EditPageType or browse the source online EPiCode.EditPageType
For manual installations, you need to add two lines in the <episerver> section of your web.config

add a virtual path provider

<virtualPath customFileSummary="~/FileSummary.config">
      <providers>
        <add name="EditPageTypeUrlMappingVPP" showInFileManager="false" virtualName="EditPageType" virtualPath="~/EPiCode/UI/Admin/EditPageType.aspx" bypassAccessCheck="false" type="EPiServer.Web.Hosting.VirtualPathMappedProvider,EPiServer" />
...

and a virtualPathMapping

<virtualPathMappings>
   <add url="~/UI/Admin/EditPageType.aspx" mappedUrl="~/EPiCode/UI/Admin/EditPageType.aspx" />
</virtualPathMappings>

Enjoy!


Comments:

  1. Nice Another nice feature would be to group the properties by tab name

  2. Nice improvement Thomas! Anders, and not just that, how about having the tab selection and editing right in the list, kind of like in usual grid? Still, this is a big step ahead in the pain we suffer daily :)

  3. Thanks for pleasant feedback guys:-) The source code is available for coderesort members, so please feel free to add further improvements.

  4. Hi I have installed the module and everything looks good in the web.config and the files are all there under EPiCode\UI. But nothing happens when I hold the mousepointer over the property on the page I want to sort the properties on. Have I missed something obvious?

  5. Hi Andreas. I’ve successfully installed the module on several sites now. I’m not sure what causes your difficulties, but make sure that: javascript is enabled, your site is CMS 5 R2-SP1, and that you position the mouse anywhere but the over the name-column (see example image).

  6. Andreas: Have you changed url="~/UI/Admin/EditPageType.aspx" to url="~/your_ui_folder/Admin/EditPageType.aspx"? Thomas: Really nice plugin! I've only installed it on one site so far but more will follow.

  7. Hi Greger Yes I found that out yesterday. My UI folder is called SiteUI, so when I changed it to that, it was all working nice! Thanks for a sweeeet module Thomas!

Post a comment