A critical vulnerability was discovered in React Server Components (Next.js). Our systems remain protected but we advise to update packages to newest version. Learn More

Anders Hattestad
Jun 19, 2011
  4848
(0 votes)

How to change context menu in the edit mode tree view

imageIf one would like to change the right right click context menu, to add one or more options there are several different approaches one could take. One that I like is to attach myself to the PageSetup event. This event will trigger on all pages that inherit from PageBase. That includes most of the admin and edit mode pages. (if not all)

Code Snippet
  1. public static void Initialize(int bitflags)
  2. {
  3.     EPiServer.PageBase.PageSetup += new EPiServer.PageSetupEventHandler(PageBase_PageSetup);
  4. }

 

if the page is EditTree we can then try to attach to the Menu object that will provide the right context menu. That property is protected, so we have to use reflection:

Code Snippet
  1. PropertyInfo info = type.GetProperty("Menu",BindingFlags.Instance|BindingFlags.NonPublic);
  2. RightClickMenu menu = info.GetValue(sender, null) as RightClickMenu;

The whole code will look like this

Code Snippet
  1. static void sender_PreRender(object sender, EventArgs e)
  2. {
  3.     if (sender is EditTree)
  4.     {
  5.         //I'm in right context menu in edit mode
  6.         Type type = typeof(EditTree);
  7.         string str = (sender as EditTree).ResolveUrlFromUI("edit/");
  8.         string imageThemeUrl = (sender as EditTree).GetImageThemeUrl("Tools/");
  9.  
  10.         PropertyInfo info = type.GetProperty("Menu",BindingFlags.Instance|BindingFlags.NonPublic);
  11.         RightClickMenu menu = info.GetValue(sender, null) as RightClickMenu;
  12.         RightClickMenuItem item = new RightClickMenuItem("Archive",
  13.             null,
  14.             CreateMenuAction("deletepage", "/custom/AdminPages/Delete2Archive.aspx", ""), "AllowDelete()",
  15.             imageThemeUrl + "Delete.gif",
  16.             RightClickMode.All);
  17.  
  18.         menu.Add("MyItem",item);
  19.     }
  20.     else
  21.     {
  22.         //I'm in view mode
  23.         if ((sender as EPiServer.PageBase).ContextMenu != null && (sender as EPiServer.PageBase).ContextMenu.Menu != null)
  24.         {
  25.             //(sender as EPiServer.PageBase).ContextMenu.Menu.Add("MyItem", EPiServer.Security.AccessLevel.Edit, new EPiServer.RightClickMenuItem("My Script", "MyScript()", "MyScriptSubMenu"));
  26.         }
  27.     }
  28. }
  29. private static string CreateMenuAction(string action, string url, string data)
  30. {
  31.     return string.Format("OnContextMenuAction(\"{0}\", \"{1}\", \"{2}\")", action, url, data);
  32. }

In my code, I want the Archive option enabled just as the Delete option. If you want more logic when its enabled just create yourself a java script function and provide the java script name in the constructor of the RightClickMenuItem.

Jun 19, 2011

Comments

Please login to comment.
Latest blogs
A day in the life of an Optimizely OMVP: Learning Optimizely Just Got Easier: Introducing the Optimizely Learning Centre

On the back of my last post about the Opti Graph Learning Centre, I am now happy to announce a revamped interactive learning platform that makes...

Graham Carr | Jan 31, 2026

Scheduled job for deleting content types and all related content

In my previous blog post which was about getting an overview of your sites content https://world.optimizely.com/blogs/Per-Nergard/Dates/2026/1/sche...

Per Nergård (MVP) | Jan 30, 2026

Working With Applications in Optimizely CMS 13

💡 Note:  The following content has been written based on Optimizely CMS 13 Preview 2 and may not accurately reflect the final release version. As...

Mark Stott | Jan 30, 2026

Experimentation at Speed Using Optimizely Opal and Web Experimentation

If you are working in experimentation, you will know that speed matters. The quicker you can go from idea to implementation, the faster you can...

Minesh Shah (Netcel) | Jan 30, 2026

How to run Optimizely CMS on VS Code Dev Containers

VS Code Dev Containers is an extension that allows you to use a Docker container as a full-featured development environment. Instead of installing...

Daniel Halse | Jan 30, 2026

A day in the life of an Optimizely OMVP: Introducing Optimizely Graph Learning Centre Beta: Master GraphQL for Content Delivery

GraphQL is transforming how developers query and deliver content from Optimizely CMS. But let's be honest—there's a learning curve. Between...

Graham Carr | Jan 30, 2026