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
npm install
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 |
Credit & Resources
We have used the following plugins.
Support
Thank you for become a part of us. If you have any query, suggestion and complain. Contact us anytime.
- SupportChangelog
Minor bug fixes
Upgraded File Structure
Initial Released