Jeff Wallace
Feb 5, 2010
  4685
(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:

image

Enjoy!

Feb 05, 2010

Comments

Please login to comment.
Latest blogs
Optimizely SendGrid SMTP host is deprecated

SendGrid is a services for sending email that is included in Optimizely DXP. Previously smtp.episerver.net was the recommended SMTP server to use,...

Tomas Hensrud Gulla | Dec 4, 2022 | Syndicated blog

Hosting Optimizely CMS 12 on Docker Engine

Since Optimizely CMS can now be deployed as a Docker container, here is a demonstration of building, running and scaling an Optimizely CMS 12 site ...

Stefan Holm Olsen | Dec 4, 2022 | Syndicated blog

How to use CacheTagHelper with content areas in Optimizely CMS 12

I might be going out on a limb here - if you have a better solution, feel very free to share it!  Upgrading your Optimizely web application from .N...

Andreas J | Dec 2, 2022

The 1001st Piece in your 1000 Piece Puzzle: .NET Default Interface Functions

I was recently working with a client who wanted a reasonably large subsystem added to Optimizely that would add automated management to their...

Greg J | Nov 28, 2022 | Syndicated blog