AaronSadler.MegaNavV8.Api 8.0.10

Suggested Alternatives


Additional Details

UmbNav is the successor to MegaNav with support for V8 and V9

There is a newer version of this package available.
See the version list below for details.
dotnet add package AaronSadler.MegaNavV8.Api --version 8.0.10                
NuGet\Install-Package AaronSadler.MegaNavV8.Api -Version 8.0.10                
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="AaronSadler.MegaNavV8.Api" Version="8.0.10" />                
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add AaronSadler.MegaNavV8.Api --version 8.0.10                
#r "nuget: AaronSadler.MegaNavV8.Api, 8.0.10"                
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install AaronSadler.MegaNavV8.Api as a Cake Addin
#addin nuget:?package=AaronSadler.MegaNavV8.Api&version=8.0.10

// Install AaronSadler.MegaNavV8.Api as a Cake Tool
#tool nuget:?package=AaronSadler.MegaNavV8.Api&version=8.0.10                

Build Status

Umbraco MeganavV8

A flexible, draggable link picker for constructing site navigation menus, big or small, in Umbraco 8.

This based on MegaNav V2.0.0 by Callum Whyte, I have changed it to use UDI instead of ID and it now supports querystrings / anchor urls.

All credit for the initial plugin goes to Callum Whyte.

Getting started

This package is supported on Umbraco 8.4+.


MeganavV8 is available from Our Umbraco, NuGet, or as a manual download directly from GitHub.

NuGet package repository

To install UI from NuGet, run the following command in your instance of Visual Studio.

PM> Install-Package AaronSadler.MegaNavV8.Web

To install Core from NuGet, run the following command in your instance of Visual Studio.

PM> Install-Package AaronSadler.MegaNavV8.Core


After installing the package, you will have a new property editor called MegaNav in the Umbraco backoffice.

Here you can configure the "Max depth" of the navigation - the maximum number of levels deep at which an editor can place nav items. You also have the option to prevent nav items where the umbracoNaviHide property has been set from rendering on the front-end - these items will still appear in the backoffice but not on your website, you can still edit or change them as you wish. By default both of these settings are left unset.

Now in V8 you can set the querystring / anchor in a seperate input box the same way as the MultiUrlPicker.

Now your Data Type is ready, we need to add it to a Document Type. This is done in the usual way - you will find Meganav appears in the "pickers" section when selecting a property to add.

Meganav Property Editor

Wow! That was easy! You now have a shiny new navigation picker setup for your content editors to enjoy.

In the backoffice, the design of Meganav closely follows the other pickers in Umbraco to ensure your editor's experience is as familiar as possible.


Click and drag an item to change it's position within the navigation; drop it wherever you choose. Unpublished items will appear faded out and will not show on the front-end of the website. If you have the "Remove NaviHide Items" setting enabled, any items where the umbracoNaviHide property has been set on the selected content node will appear with a red outline in the backoffice and will also not show on the front-end.

Meganav Edit Item

When editing a navigation item you have the flexibility to modify how the link behaves on the front-end. Entering text into the "Link Title" field will display in place of the select content's name. Changing the "Target" property alters how the link opens when clicked; either in the current window, a new tab, or a new browser window.


Meganav was designed to be as clean and simple for developers as it is for content editors.

Check out the integration guide to learn how to embed the package in your site.

Contribution guidelines

To raise a new bug, create an issue on the GitHub repository. To fix a bug or add new features, fork the repository and send a pull request with your changes. Feel free to add ideas to the repository's issues list if you would to discuss anything related to the package.

Who do I talk to?

This project is maintained by Aaron Sadler and contributors. If you have any questions about the project please contact me through Twitter, or by raising an issue on GitHub.


Meganav uses a slightly modified version of Angular UI Tree v2.11.0 (MIT license)

A special #h5yr to our contributors


Copyright © 2020 Callum Whyte & Aaron Sadler, and other contributors

Licensed under the MIT License.

Product Compatible and additional computed target framework versions.
.NET Framework net472 is compatible.  net48 was computed.  net481 was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (1)

Showing the top 1 NuGet packages that depend on AaronSadler.MegaNavV8.Api:

Package Downloads

A flexible, draggable link picker for constructing site navigation menus, big or small, in Umbraco

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
8.2.2 17,166 2/8/2021
8.2.0 8,999 11/23/2020
8.1.1 5,087 10/2/2020
8.0.12 2,511 8/30/2020
8.0.11 2,898 8/7/2020
8.0.10 8,400 6/22/2020
8.0.9 4,069 6/8/2020

Refactored slightly