A critical vulnerability was discovered in React Server Components (Next.js). Our Systems Remain Fully Protected. Learn More

Per Nergård (MVP)
Jan 14, 2025
  1129
(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
Jhoose Security Modules v2.6.0 — Added support for Permissions Policy and .NET 10

Version 2.6.0 adds Permissions Policy header support, updates to .NET 10, improved policy management, configurable security settings, and enhanced...

Andrew Markham | Dec 6, 2025 |

Building a 360° Customer Profile With AI: How Opal + Optimizely Unlock Predictive Personalization

Creating truly relevant customer experiences requires more than collecting data—it requires understanding it. Most organizations already have rich...

Sujit Senapati | Dec 4, 2025

Building a Lightweight Optimizely SaaS CMS Solution with 11ty

Modern web development often requires striking a difficult balance between site performance and the flexibility needed by content editors. To addre...

Minesh Shah (Netcel) | Dec 3, 2025

Creating Opal Tools Using The C# SDK

Over the last few months, my colleagues at Netcel and I have partaken in two different challenge events organised by Optimizely and centered around...

Mark Stott | Dec 3, 2025