Sliced ASP.NET MVC 5 Documentation 1.1.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 our Support Page : Support

Introduction

Sliced is a powerful admin dashboard template built with Tailwind CSS. Sliced 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 – Sliced is the way to go!

Installation

To setup the admin theme, follow below-mentioned steps

  • Visual Studio: Make sure to have Visual Studio downloaded on your machine.
  • The zip file contains all files integrated with Landik, however you need to perform following steps to get node_modules etc.
  • Note : Make sure this all installation process is done in command prompt.
  • make sure you have installed tailwindcss in your os. If not installed then please run the below command to install it globally. npm install
  • After Completion of installation Run the following command in the command prompt to start tailwindcss development server. npm run dev

File Structure

 Sliced
├──  App_Data
├──  App_Start
├──  assets
│   │   ├──  css
│   │   ├──  image
│   │   └──  js
├──  Content
├──  App_Start
├──  Controllers
│   │   └──  include all Controllers
├──  Models
├──  obj
├──  packages
├──  Properties
├──  Scripts
├──  Views
│   ├──  Shared
│   │   └──  _Layout.cshtml
│   │   └──  All .cshtml pages are in controller named directory.
├──  Documentation
│       └── index.html - Index file for documentation.
├──  Sliced.csproj
├──  Sliced.csproj.user
└──  Sliced.sln

CSHTML Structure


@{
   ViewBag.Title = "Starter";
   ViewBag.pTitle = "Dashboard";
   Layout = "~/Views/Shared/_Layout.cshtml";
}
                            

<!-- Start All Card -->
<div class="flex flex-col gap-4 min-h-[calc(100vh-212px)]">
    <div class="grid grid-cols-1 gap-4">
        <div class="gap-6 p-5 bg-white border rounded dark:bg-darklight dark:border-darkborder md:col-span-2 xl:col-span-2 border-black/10">
            <h2 class="mb-4 text-base font-semibold text-black dark:text-white/80">Card Title</h2>
            <div class="grid grid-cols-1 gap-4">
                <div>
                    <img src="~/assets/images/logo-dark.svg" class="mx-auto h-11 dark:hidden " alt="">
                    <img src="~/assets/images/logo-light.svg" class="hidden mx-auto h-11 dark:block" alt="">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End All Card -->                           
                            
@section scripts{       
    
    <!-- App js -->
    <script src="~/assets/js/app.js"></script>

}

Layout

Layouts covers all theme configuration settings if you want to apply manually in project. File Path: Views/Shared/_Layout.cshtml

Layout Name Details
Creative You can set manually by adding layout class from <body class="detached">
Detached You can set manually by adding layout class from <body class="detached detached-simple">

CSS

Sliced 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

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

- Support

Changelog

1.1.0 - 12 February 2024

Minor bug fixes

Upgraded File Structure

1.0.0 - 11nd Aug 2023

Initial Released

© 2023 Sliced