Setup ASP

Introduction

Samply is a fully featured premium admin dashboard template in ASP.NET Core & MVC5 with developer-friendly codes.

Prerequisites

Please follow below steps to install and setup all prerequisites:

  • Visual Studio

    Make sure to have the Latest Visial Studio installed & running on your computer. If you already have installed latest Visual Studio on your computer, you can skip this step.

Installation
  • Install Prerequisites

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

Command Description
Open Solution file Open Samply_v1.0.0.sln file with Visual studio and make sure to check asstes folder contain libs folder which is created by above gulp command.

How to add new menu items/change menu items?
In order to add, change or remove menu items from the left side navigation, simply edit in file Views\Shared\_sidebar.cshtml.

Light Version

Keep your body element with data attribute data-layout-mode="light" E.g. <body data-layout-mode="light"> to have light layout.

Dark Version

Keep your body element with data attribute data-layout-mode="dark" E.g. <body data-layout-mode="dark"> to have dark layout.

RTL Version

Keep your body element with data attribute data-layout-mode="rtl" E.g. <body data-layout-mode="rtl"> and <html dir="rtl"> to have rtl layout.

How to use pre-built layouts?

Each of the layout options is provided below with steps you would need to perform in Views\Shared\_Layout.cshtml file or you can simply copy paste layout file from Views\Shared\Layouts\_Layout.cshtml folder which contains all default layouts files:

image
Light Sidebar
Remove data attribute data-sidebar="dark" body element to have light sidebar.
image
Compact Sidebar
Keep your body element with data attribute data-sidebar-size="md" E.g. <body data-sidebar-size="md"> to have compact sidebar.
image
Icon View Sidebar
Keep your body element with data attribute data-sidebar-size="sm" E.g. <body data-sidebar-size="sm"> to have small sidebar.
image
Boxed Layout
Keep your body element with data attribute data-layout-size="boxed" E.g. <body data-layout-size="boxed"> to have boxed layout.
image
Brand Sidebar
Keep your body element with data attribute data-sidebar="brand" E.g. <body data-sidebar="brand"> to have colored sidebar.
image
Scrollable Layout
Keep your body element with data attribute data-layout-scrollable="true" E.g. <body data-layout-scrollable="true"> to have scrollable layout.
© Pichforest.
Crafted with by Pichforest