Adminia Documentation

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">
        <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>

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).