bisvillallai / blazor-adminlte

This project adapts ADMINLTE 3 so the components can be used from dotnet core Blazor / Server / Web Assembly

What is it?

ADMINLTE for Blazor is a collection of reusable components, with which you can easily develop digital services as a designer or developer. Think of buttons, form elements and page templates. This project adapts ADMINLTE 3 so the components can be used from dotnet core Blazor.

For a quick impression visite the demo site at: https://blazorize-adminlte.morstead.nl/

State management

This project uses a central state store and, in some cases, prefers this method over Cascading Parameters. You can find the Blazor-State project here: https://github.com/TimeWarpEngineering/blazor-state

Status

The project updated regularly. Feel free to follow the project and receive updates as they arrive. Note that components and their naming conventions might change until a major version is released.

We also provide various integrations in a seperate project, to help you started with more complex web applications Here:

https://github.com/sjefvanleeuwen/blazorized-adminlte-plugins

Installation

Nuget

Start a new Blazor APP and simply install the nuget package.

Install-Package Blazorized.AdminLte

or visit https://www.nuget.org/packages/Blazorized.AdminLte/ for more installation options.

If you want to include the current supported ADMINLTE 3.0.5 static css / js / icons content etc.:

Install-Package Blazorized.AdminLte.Content -Version 3.0.5

or visit https://www.nuget.org/packages/Blazorized.AdminLte.Content/ for more installation options.

!NOTE this does not include profile and other specific images from the sample site. You will need to manually add them to your wwwroot. If you want these you will need to get them from the shared sample site's wwwroot

The extra sample content is located here: https://github.com/sjefvanleeuwen/blazor-adminlte/tree/master/src/Blazor.AdminLte.Site.Shared/wwwroot

Also you might want to change mainlayout.razor as it contains some linkes to the shared site you might not want to be using anymore.

look for image links containing these: _content/Blazor.AdminLte.Site.Shared

Getting Started

Depending on running WASM or Server, change your index.html or _Host.cshtml. Contents from the Blazor Component Library are served from : _content/Blazor.AdminLte

The site shared components MainLayout.razor includes markup that shows how to setup your starter page in Blazor.

With such markup you can render something like this:

Injectable Left Top Menu

You can have control over the left top menu content's navbar. To do so please follow these guidelines:

Tutorial Injectable Left Top Menu