Document : Adminia Asp.net Core MVC, Boottrap Multipurpose Admin Template

Introduction

Adminia - is a fully-featured, multi-purpose, and responsive Bootstrap 4 admin template that builds on top of the popular framework ASP.NET Core 3.1 MVC. It offers a clean codebase and detailed documentation which allow you to develop your web application faster and cost-effectively.

The tones of well-designed and developed layouts, components, elements, widgets, and application pages allow you to create any Saas-based application, custom admin panel, e-commerce panel, CMS, or dashboard application.

Product Content

Once you have download the package and extract it, you can see Adminia_aspnetcore folder, which has all the code for Asp.net Core MVC template as below:

Adminia_AspNetCore.sln - If you are using visual studio then just double on Adminia_AspNetCore.sln, it will open the project solution or you have to download the latest version of Visual studio.
wwwroot/ThemeAdminia - Here you can find static HTML pages for your reference while developing the MVC version..

Folder Structure

Folder & File structure overview for Adminia - ASP.NET Core 3.1 MVC.


Adminia_aspnetcore/
├── bin/
├── Controllers/
├── Models/
├── obj/
├── Properties/
├── Views/
├── wwwroot/                        // wwwroot/ThemeAdminia has all the static files js, cs img
├── Adminia_AspNetCore.csproj.user
├── appsettings.Development.json
├── appsettings.json
├── Program.cs
├── Startup.cs
├── Adminia_AspNetCore.sln
└── Adminia_AspNetCore.csproj

Layout Overview

In _ViewStart.cshtml we have set default layout as _LayoutAdminia.cshtml which is common for all our views, exclude login, regestration. In _LayoutAdminia.cshtml we have used partial views i.e _NavSidebar.cshtml, _NavTopBar.cshtml, _ThemeGlobalStyles.cshtml, _ThemeGlobalScripts.cshtml.

For Login, Registration, and error we use a different layout page i.e _LayoutAuth.cshtml


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Adminia - Asp.net Core 3.1 Bootstrap Multipurpose Admin Template">
    <meta name="author" content="Satinder Singh">
    <title>@ViewData["Title"] | Adminia - ASP.NET CORE 3.1, Bootstrap 4 Multipurpose Admin Template</title>

    <partial name="_ThemeGlobalStyles" />

    @RenderSection("Styles", required: false)

</head>
<body>

    <!--Begin wrapper div -->
    <div class="wrapper">
        <div class="Preloader-wrapper">
            <div class="spinner">
                <div class="bounce1"></div>
                <div class="bounce2"></div>
                <div class="bounce3"></div>
            </div>
        </div>
        <partial name="_NavSidebar" />

        <!--Begin main div  -->
        <div class="main">
            <partial name="_NavTopbar" />

            <!-- Begin main content div -->
            <main class="content">
                @RenderBody()
            </main>
            <!-- End main content div -->
        </div>
        <!--End main div -->
    </div>
    <!--End wrapper div -->

    @RenderSection("Modals", required: false)

    <partial name="_ThemeGlobalScripts" />

    @RenderSection("Scripts", required: false)
</body>
</html>

Note: To get light version, you just need to add class .light-theme on body tag.

JavaScript

Adding Javascript files are divided into 2 sections. All global level script files are added in partial view _ThemeGlobalScripts.cshtml, and for the page-level script we use @RenderSection("Scripts", required: false).

CSS

Adding CSS files are divided into 2 sections. All global level CSS files are added in partial view _ThemeGlobalStyles.cshtml, and for page-level script we use @RenderSection("Styles", required: false).

Reference

Apex Chart : https://apexcharts.com/
Bootstrap : http://getbootstrap.com/
Chartjs : https://chartjs.org
DataTables : https://datatables.net/
DateRange : http://www.daterangepicker.com/
DropzoneJs : http://www.dropzonejs.com
Footables : http://fooplugins.com
Fullcalendar : https://fullcalendar.io/
jQuery InputMask : https://github.com/RobinHerbots/Inputmask
jQuery SmartWizard : http://www.techlaboratory.net/jquery-smartwizard
Perfect scrollbar : https://github.com/mdbootstrap/perfect-scrollbar
Select2 : https://github.com/select2/select2/
SummerNote : https://summernote.org
Sweet Alert : https://github.com/sweetalert2/sweetalert2
Feather Icons : https://feathericons.com/
Font Awesome : https://fontawesome.com/
ParticleJs : https://vincentgarreau.com/particles.js/
Unsplash : https://unsplash.com/

Documentation