Per Nergård (MVP)
+1
Mar 18, 2016
visibility 3009
star star star star star
(1 votes)

Order content types with drag and drop

A while back I did a custom plugin that allowed admins to reorder tabs using drag and drop. Another thing I always wanted to be able to do easier is to change the sortorder of content types and also set access rights.

It's possible today but it's a bit tedious with serveral clicks to get into the proper dialog and you don't have an clear overview how access rights are setup.

So I did another admin plugin for this. You can sort both page types and block types with drag and drop and you can easily manage access rights. If you don't want to use drag and drop there is two buttons to sort by either full name or type name. Full name is the type name prefixed with the GroupName property on the types ContentType attribute. The tables are sorted by sortindex which is what epi uses as standard both in admin mode and when creating a new content in edit mode.

Depending on your solution and how many types you have you may or may not want to use the GroupName attribute. Normally I don't use it so all page types is grouped below "Other" when creating a new page. 

When you hit save what the plugin does is change the sortorder index value according to the sort order in the plugin. It starts at 100 and uses step of 100. Both Save buttons processes both page and block types. 

See pictures below and you can get the code over at my Gist.

Image page types.jpg

Image block types.jpg

Mar 18, 2016

Comments

error Please login to comment.
Latest blogs
Advanced Task Manager Gets a Big Update

One of the things I keep coming back to with Optimizely's content approval workflow is that it's solid at the individual level - you know a piece o...

Adnan Zameer | Jul 21, 2026 |

Parallel Development in Optimizely CMS SaaS: A Smarter Way to Register Components

📌 A note before you read: The approach described in this article is not a replacement for Optimizely’s recommended out-of-the-box component...

Vipin Banka | Jul 21, 2026

How I Deployed My Optimizely Content JS SDK Next.js App on Vercel (Hello Opti World)

📌 Scope: This post covers Optimizely CMS (SaaS) only, using the official content-js-sdk with Next.js 15 deployed to Vercel. This is a practitioner...

Kiran Patil | Jul 21, 2026 |

Finding Thomas Part 5 - The Closed Loop

Five weeks. Five layers. One Thomas. If you've followed this series from the start — thank you. If you're just landing here, the short version:...

Ritu Madan | Jul 20, 2026