Snow Documentation 1.0.0

Thank you very much for your purchase!

If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.Support Email: sup.srbthemes@gmail.com

Introduction

Snow is a powerful admin dashboard template built with Tailwind CSS & Asp.net Core 8. Snow comes with dozens of functional designs to help you get started quickly. With a wide range of beautiful styles and a full-screen layout, it’s a perfect fit for admin dashboards, eCommerce, CRM, CMS, LMS panels and etc. If you are looking to take your app to the next level – Snow is the way to go!

Installation

To setup the admin theme, follow below-mentioned steps:

  • Yarn

    Make sure to have the Yarn installed & running in your computer. If you already have installed Yarn on your computer, you can skip this step. We suggest you to use Yarn instead of NPM.

  • Nodejs

    Make sure to have the Node.js installed & running in your computer. If you already have installed Node on your computer, you can skip this step if your existing node version is greater than 16.

  • Gulp

    Make sure to have the Gulp installed & running in your computer. If you already have installed gulp on run command npm install -g gulp from your terminal.

  • Install Prerequisites

    Make sure to have all above prerequisites installed & running on your computer

After you finished with the above steps, you can run the following commands to run the project locally or build for production use:

Command Description
Open Solution file Open Snow.sln file with Visual studio and make sure to check asstes folder contain libs folder.

File Structure

 Snow/
├── Controllers/
│       └──  ALL Controllers files
├──  Models/
├──  obj/
├──  Properties/
├──  Views
│       └──  ALL Pages files
├──  wwwroot/
│    ├──  assets/
│    │   ├──  css/
│    │       └──  All css files
│    │   ├──  images/
│    │       └──  All images files
│    │   └──  js
│    │       └──  All javascript files
├── appsettings.Development.json
├── appsettings.json
├── Program.cs
├── Snow.csproj
├── Snow.csproj.user
└── Snow.sln

HTML Structure

<!DOCTYPE html>
<html x-data"main" class="" class="[$store.app.mode]"

<head>
   @Html.Partial("~/Views/Shared/TitleMeta.cshtml")    
   @RenderSection("styles", false)    
   @Html.Partial("~/Views/Shared/HeadCSS.cshtml") 
</head>

<body x-data="main"class="antialiased relative font-inter bg-white dark:bg-black text-black dark:text-white text-sm font-normal overflow-x-hidden vertical"
:class="[ $store.app.sidebar ? 'toggle-sidebar' : '', $store.app.rightsidebar ? 'right-sidebar' : '', $store.app.menu, $store.app.layout]">
   
   @Html.Partial("~/Views/Shared/SidebarOlverlay.cshtml")    
    
   <!-- Start Main Content -->
   <div class="main-container navbar-sticky flex" :class="[$store.app.navbar]">
        
        @Html.Partial("~/Views/Shared/Sidebar.cshtml")    
       
        <!-- Start Content Area -->
        <div class="main-content flex-1" >
         
            @Html.Partial("~/Views/Shared/Topbar.cshtml")    
            <!-- Start Content -->
            <div class="h-[calc(100vh-73px)] overflow-y-auto overflow-x-hidden" >
        
                @RenderBody() 
        
                @Html.Partial("~/Views/Shared/Footer.cshtml")    
            </div>
            <!-- End Content -->
        
        </div>
        <!-- End Content Area -->

        @Html.Partial("~/Views/Shared/RightSidebar.cshtml")    
        
   </div>
   <!-- End Main Content -->

        
   @Html.Partial("~/Views/Shared/VendorScirpt.cshtml")    
        
   @RenderSection("scripts", required: false)    
        
</body> 
</html>

Layout

Layouts covers all theme configuration settings if you want to apply manually in project.

Layout Name Details
Dark Version In order to have Dark mode enabled, only add dark class in HTML tag like, <html class="dark" lang="en">

CSS

Snow Built with latest version of CSS3.

File Name Details
css/tailwind.css Tailwind CSS
css/swiper-bundle.min.css Swiper CSS
css/fancybox.css Fancybox CSS
css/accordion.min.css Accordion CSS

Javascript

Snow Built with Javascript

File Name Details
js/alpine.min.js Alpine js
js/swiper-bundle.min.js Swiper Js
js/apexcharts.js ApexCharts js
js/fancybox.umd.js Facncybox Js
js/custom.js All Custom js files

Support

Thank you for become a part of us. If you have any query, suggestion and complain. Contact us anytime.

- sup.srbthemes@gmail.com

Changelog

1.0.0 - 29th March 2024

General

Initial Released

© 2023 Snow