How to integrate Admin template in ASP .Net Core MVC visual studio 2022
Please Subscribe Youtube| Like Facebook | Follow Twitter
Video URL: https://youtu.be/GXSju8O-krU
Introduction
In this article we will integrate AdminLTE template in ASP .Net Core MVC visual studio 2022 step by step. After integrating this template you will be able to integrate any template in your ASP .Net Core MVC visual studio 2022 project.
![](https://imgaz.staticbg.com/images/oaupload/banggood/images/65/07/ffe816a3-d4e5-41fa-a7ad-1ea09b969c8d.jpg)
Steps:
Download AdminLTE Template
Got to https://github.com/ColorlibHQ/AdminLTE and download AdminLTE template
![](https://programtown.com/wp-content/uploads/2021/11/8.png)
Create VS 2022 Project
![](https://programtown.com/wp-content/uploads/2021/11/1.png)
![](https://programtown.com/wp-content/uploads/2021/11/2-1.png)
![](https://programtown.com/wp-content/uploads/2021/11/3-1.png)
![](https://programtown.com/wp-content/uploads/2021/11/4.png)
Add JS and CSS files
Copy JS and CSS files folder dist (AdminLTE-master\dist) from downloaded AdminLTE template
![](https://programtown.com/wp-content/uploads/2021/11/9.png)
Paste copied folder in newly created VS 2022 project under wwwroot
![](https://programtown.com/wp-content/uploads/2021/11/5.png)
Edit _Layout.cshtml
Open _Layout.cshtml page under Views/Shared folder
![](https://programtown.com/wp-content/uploads/2021/11/10.png)
Remove existing html from _Layout.cshtml
![](https://programtown.com/wp-content/uploads/2021/11/11.png)
Copy html from blank page of AdminLTE template (AdminLTE-master\pages\examples\blank.html)
![](https://programtown.com/wp-content/uploads/2021/11/12-1024x425.png)
Paste copied html in _Layout.cshtml
![](https://programtown.com/wp-content/uploads/2021/11/13.png)
Add @RenderBody()
Add @RenderBody(); where your want to render your child pages
![](https://programtown.com/wp-content/uploads/2021/11/6.png)
Run and test your project
![](https://programtown.com/wp-content/uploads/2021/11/14-1024x517.png)
How do i apply the scss file to enable the animation? Sorry i’m really new couldn’t find any solution to apply it