Jeff Wallace
Feb 5, 2010
(1 votes)

Setting the Edit Panel Tab Order in CMS 5

Based on CMS 5 R2 SP2

EPiServer CMS allows many different ways to plug-in and/or make changes to the user interface.  If, for example, you want to add tabs to the Edit Panel and place the tab sort order there’s a few things you should know. 

Tab order can be changed using the SortIndex property of the GuiPlugIn attribute.  See example below:

Code Snippet
  1. [GuiPlugIn( Description="Debug Plugin", SortIndex=900, Area=PlugInArea.EditPanel, DisplayName="Debug Info", Url="~/Templates/Units/Debug.ascx")]
  2.     public partial class Debug : EPiServer.UserControlBase
  3.     {
  4.         protected void Page_Load(object sender, EventArgs e)
  5.         {

To set the order of your tabs you’ll want to understand the existing tab sort order and how the View tab is rendered:

The Edit tab has a SortIndex of 200. The Version tab has a SortIndex of 500.  Workflow and Statistics do not set a SortIndex and rely on a default of 1000.  The View tab has special handling, as this is rendered via markup rather than a plug-in, and does not have a sort index.  This means the View tab will remain the left most tab unless you find another way to change that order.  :)  So, to place tabs in various order you simply need to change the SortIndex with the above in mind.

The screen shot below shows a sample tab called Debug Info placed at the SortIndex of 900.  Logically 900 comes after the Version tab (500) and before Workflow and Statistics (1000).  The result of this configuration is below:



Feb 05, 2010


Please login to comment.
Latest blogs
Display Child Pages in Content Delivery API Response

The below example will implement an instance of IContentConverterProvider to customise the serialisation of PageData and output child pages in the...

Minesh Shah (Netcel) | Oct 4, 2022

Bring the Report Center back in Optimizely CMS 12

The Report Center has been a part of Optimizely CMS since its first debut in version 5R2 in 2008, but in CMS 12, it's removed! Don't despair! Make...

Tomas Hensrud Gulla | Oct 4, 2022 | Syndicated blog

Customizing Property Lists in Optimizely CMS

Generic property lists is a cool editorial feature that has gained a lot of popularity - in spite of still being unsupported (officially). But if y...

Allan Thraen | Oct 2, 2022 | Syndicated blog

Optimizely names Luminary Senior Developer, Ynze Nunnink, OMVP

Luminary Senior Developer and Optimizely Lead, Ynze Nunnink has secured the coveted position of Optimizely MVP. Earning a Platinum badge for his...

Ynze | Oct 2, 2022 | Syndicated blog