Try our conversational search powered by Generative AI!

Jeff Wallace
Feb 5, 2010
  5282
(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
The A/A Test: What You Need to Know

Sure, we all know what an A/B test can do. But what is an A/A test? How is it different? With an A/B test, we know that we can take a webpage (our...

Lindsey Rogers | Apr 15, 2024

.Net Core Timezone ID's Windows vs Linux

Hey all, First post here and I would like to talk about Timezone ID's and How Windows and Linux systems use different IDs. We currently run a .NET...

sheider | Apr 15, 2024

What's new in Language Manager 5.3.0

In Language Manager (LM) version 5.2.0, we added an option in appsettings.json called TranslateOrCopyContentAreaChildrenBlockForTypes . It does...

Quoc Anh Nguyen | Apr 15, 2024

Optimizely Search & Navigation: Boosting in Unified Search

In the Optimizely Search & Navigation admin view, administrators can set a certain weight of different properties (title, content, summary, or...

Tung Tran | Apr 15, 2024