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

Per Nergård (MVP)
Jan 14, 2025
  1302
(0 votes)

Order tabs with drag and drop - Blazor

I have started to play around a little with Blazor and the best way to learn is to reimplement some old stuff for CMS12.

So I took a look at my old blog posts and decided to redo my plugin for drag and drop sorting of tabs since I still don't like that using the [GroupDefinition] attribute forces you do manage the index order in code. Old blog post here.

My thought with this Blazor component is to have a tools content type with it's own layout which is only for tools and stuff done with Blazor. If feels easier than doing menuproviders or plugins in admin mode.

It's very simple, just a list of the tabs which you can reorder with drang and drop and then save or reset (only currently unsaved order). In the example it's wrapped into another component for a header and navigation but it's not included in the component.

You can find the code and a small readme over at my Gist.

 

 

Jan 14, 2025

Comments

Please login to comment.
Latest blogs
ScheduledJob for getting overview of site content usage

In one of my current project which we are going to upgrade from Optimizely 11 I needed to get an overview of the content and which content types we...

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

A day in the life of an Optimizely OMVP: Migrating an Optimizely CMS Extension from CMS 12 to CMS 13: A Developer's Guide

With Optimizely CMS 13 now available in preview, extension developers need to understand what changes are required to make their packages compatibl...

Graham Carr | Jan 26, 2026

An “empty” Optimizely CMS 13 (preview) site on .NET 10

Optimizely CMS 13 is currently available as a preview. If you want a clean sandbox on .NET 10, the fastest path today is to scaffold a CMS 12 “empt...

Pär Wissmark | Jan 26, 2026 |

Building AI-Powered Tools with Optimizely Opal - A Step-by-Step Guide

Learn how to build and integrate custom tools with Optimizely Opal using the Opal Tools SDK. This tutorial walks through creating tools, handling...

Michał Mitas | Jan 26, 2026 |