209 comments found.
I have an existing .net core mvc project with Dev Express. Now I want to import you template into my project. What must I do?
Hi,
First of all, you might need to include the required css and js file into your project. Next, you might need to change the html structure and css class to AspStudio syntax. (Header, sidebar, content and etc). After that if you are not using bootstrap 5 css class, you might need to change it into bootstrap 5 css class as well.
Best Regards, Sean.
Hi I want to change width and height of category button in CustomerOrder.cshtml. How to do that? If I change in div tag. If affect the positem div. That category name is hidden inside the positem div.
Hi,
You may go to /src/scss/pages/_pos.scss and change the .pos-menu css style.
Best Regards, Sean.
Hi, I have separate web api. I want to call that api from aspstudio asp.net core application. Can I include AngularJS for that to call web api?
Hi,
Yeah, you are able to do so but you need to configure the app in order to support angular.
Best Regards, Sean.
Hi,
Today I purchased AspStudio asp.net core version template. When I run npm install, I get “husky is not recognized as internal or external command”.
What should I do?
Hi,
You may try to run the following command
npm install husky—save-dev npm install
Best Regards, Sean.
Hi There – We have bought the license for AspStudio. Im using SQL server, made changes to the files and able to create the database. However, unable to Register / Signup dont see the user details in the database table AspNetUsers. I ran the Identity scaffolding with the ApplicationDBContext dont see the user being registered to the app.
Are there any FAQ that could expedite the studio setup?
Hi,
You can change the db connection string in appsettings.json to connect to your sql server.
Best Regards, Sean.
Good Morning,
I am interested in AspStudio – ASP.NET Core 8.0 MVC Bootstrap 5 Admin Template.
I would like to to see the live preview but I am unable to. The link does not work.
Also, I would like to know if you have incorporated ASP.NET Identity.
Kind Regards,
Onsongo Moseti.
Hi,
Thank you for your comment and report. I have fixed the preview url for demo site.
For .NET Identity, it is generated by the default dotnet code generator.
Best Regards, Sean.
Hello I was looking to buy, but we need some updates on the UI side.
manager/business user is complaining that the Display & color options are very very dim/hard to read.
For e.g. in our case we have elderly & middle aged folk as the main base, can you add some options with default, non-muted colors, more vivid (without having to run gulp just for the CSS), so its easier to read from the background out of the box.
Can you share when you plan on those updates so we can decide on purchase.
Another items, would be drag-drop widgets, and rolling/carousel items/slider for the hero.
Thanks Naem
Hi,
For that case, you might need to define your own color scheme in order to fulfil your customer needs and using the scss compiler should be the proper way to generate a clean css based on the configuration.
If you are not using gulp, you might need to create your own custom css to overwrite the default AspStudio css like css variable / class.
Best Regards, Sean.
Hello there!
Quick question regarding the sidebar.json. Is there a way of handling subfolders (nested folders) inside of Areas? A brief example;Areas/Admin/Pages/Manage/Users/NameOfFile.cshtml
Areas/Admin/Pages/Manage/Roles/NameOfFile.cshtml
Areas/Admin/Pages/Manage/Permissions/NameOfFile.cshtml
Areas/Admin/Pages/Dashboard/Stats/NameOfFile.cshtml
Currently default defined in the sidebar.json are entries like this one;
"children": [
{
"controller": "Users",
"action": "NameOfFile",
"area": "Admin",
"text": "Name of menu point"
},
which only results in URLs like this one;
/Admin/Users/NameOfFile (and therefore results in 404)
but in theory instead should be;
/Admin/Manage/Users/NameOfFile
Hi,
For that case, you might need to change the /Views/Shared/_Sidebar.cshtml to handle more level of checking based on different param passed in from the URL.
Best Regards, Sean.
Still havent gotten the solution to work properly on all machines, as it suddenly will give errors (maybe related to typescript?) despite following installation 1:1.
First time: https://i.gyazo.com/030d840c08955ca1ffad92570bd2a136.png Second time: https://i.gyazo.com/b4447ba87d92109297f184f01d6aafc3.pngHi,
May i know which tools that you are using to start the project?
Best Regards, Sean.
Visual Studio. I did nothing but the guide, but it keeps giving some typescript error I assume?
Severity Code Description Project File Line Suppression State Error TS2503 Build:Cannot find namespace ‘NodeJS’. AspStudio Source\Repos\PSS-SCO-V2\AspStudio\wwwroot\lib\jszip\index.d.ts 294 Error TS2688 Build:Cannot find type definition file for ‘node’. AspStudio Source\Repos\PSS-SCO-V2\AspStudio\wwwroot\lib\jszip\index.d.ts 7 Error TS2503 Build:Cannot find namespace ‘NodeJS’. AspStudio Source\Repos\PSS-SCO-V2\AspStudio\wwwroot\lib\jszip\index.d.ts 35 Error TS2580 Build:Cannot find name ‘Buffer’. Do you need to install type definitions for node? Try `npm i @types/node`. AspStudio Source\Repos\PSS-SCO-V2\AspStudio\wwwroot\lib\jszip\index.d.ts 47 Error TS2503 Build:Cannot find namespace ‘NodeJS’. AspStudio Source\Repos\PSS-SCO-V2\AspStudio\wwwroot\lib\jszip\index.d.ts 97 Error TS2580 Build:Cannot find name ‘Buffer’. Do you need to install type definitions for node? Try `npm i @types/node`. AspStudio Source\Repos\PSS-SCO-V2\AspStudio\wwwroot\lib\jszip\index.d.ts 170
Hi,
We have no issue on our side. As long as you double click the AspStudio.sln and open in visual studio, it should be able to run the project. If the error still persist, make sure you have install the node js and npm.
After that try to run the following command npm install—save-dev @types/node
Best Regards, Sean.
The output from above is if I open SLN and just run it. Executing the npm install command gives even more errors: PM> npm install—save-dev @types/node
added 2 packages in 995ms
Severity Code Description Project File Line Suppression State Error TS1110 Build:Type expected. AspStudio repos\PSS-SCO-V2\node_modules\@types\node\ts4.8\crypto.d.ts 3533 Error TS1005 Build:’?’ expected. AspStudio repos\PSS-SCO-V2\node_modules\@types\node\ts4.8\test.d.ts 881 Error TS1005 Build:’:’ expected. AspStudio PSS-SCO-V2\node_modules\@types\node\ts4.8\test.d.ts 881 Error TS1005 Build:’,’ expected. AspStudio repos\PSS-SCO-V2\node_modules\@types\node\ts4.8\test.d.ts 882 Error TS1005 Build:’?’ expected. AspStudio repos\PSS-SCO-V2\node_modules\@types\node\ts4.8\test.d.ts 884
Theres just 5 of them, but now I have 40 errors..
Hi,
You may start PowerShell and navigate to the folder where package.json is located and then run npm install Restart visual studio after the installation is done.
You can also try to delete your node_modules folder then run npm install
Best Regards, Sean.
Followed instructions, still getting the errors as shown in first comment I am afraid.
Hi,
Can you tell us which version of visual studio that you are using right now?
If the error persists, try the following steps:
1. Check TypeScript Version: Ensure that your project is using a compatible TypeScript version. Open the terminal and run:
```bash
npm list typescript
```Verify that the TypeScript version listed is appropriate for your project. If not, you can install a specific version by running:```bash
npm install --save-dev typescript@<desired_version>
```2. Check Node.js Version: Make sure you have a compatible Node.js version. Check the required Node.js version in your project documentation or ‘package.json’. You can use a tool like NVM to manage Node.js versions.
3. Clean and Rebuild: In Visual Studio, try cleaning the solution and then rebuilding it. Right-click on the solution in Solution Explorer and choose ‘Clean Solution’, then right-click again and choose ‘Rebuild Solution’.
4. Reinstall Dependencies: Delete the ‘node_modules’ folder and ‘package-lock.json’ or ‘yarn.lock’ file. Then run:
```bash
npm install
```5. Restart Visual Studio: After making these changes, close Visual Studio and reopen it. Sometimes, a fresh start can resolve configuration-related issues.
If the error still persists after these steps, there might be a more intricate issue with your project setup. Review your TypeScript and Node.js configurations, and consider checking for any specific project-related configurations that might be causing the problem.
Best Regards, Sean.
Neither Node nor Typescript is listed inside of package.json (version “name”: “asp-studio”, “version”: “4.2.0”,). So hard to tell required version.
Guide above does not work, still returns same errors: Severity Code Description Project File Line Suppression State Error TS2503 Build:Cannot find namespace ‘NodeJS’. AspStudio OneDrive\Coding Projects\RopeToolbox\asp_studio_v4.2\BovensKugle\AspStudio\wwwroot\lib\jszip\index.d.ts 294 Error TS2688 Build:Cannot find type definition file for ‘node’. AspStudio OneDrive\Coding Projects\RopeToolbox\asp_studio_v4.2\BovensKugle\AspStudio\wwwroot\lib\jszip\index.d.ts 7 Error TS2503 Build:Cannot find namespace ‘NodeJS’. AspStudio OneDrive\Coding Projects\RopeToolbox\asp_studio_v4.2\BovensKugle\AspStudio\wwwroot\lib\jszip\index.d.ts 35 Error TS2580 Build:Cannot find name ‘Buffer’. Do you need to install type definitions for node? Try `npm i @types/node`. AspStudio OneDrive\Coding Projects\RopeToolbox\asp_studio_v4.2\BovensKugle\AspStudio\wwwroot\lib\jszip\index.d.ts 47 Error TS2503 Build:Cannot find namespace ‘NodeJS’. AspStudio OneDrive\Coding Projects\RopeToolbox\asp_studio_v4.2\BovensKugle\AspStudio\wwwroot\lib\jszip\index.d.ts 97 Error TS2580 Build:Cannot find name ‘Buffer’. Do you need to install type definitions for node? Try `npm i @types/node`. AspStudio OneDrive\Coding Projects\RopeToolbox\asp_studio_v4.2\BovensKugle\AspStudio\wwwroot\lib\jszip\index.d.ts 170
Hi,
Can you screenshot the Visual Studio version and the Visual Studio error to us? This is because we have tried Visual Studio 2022 and Visual Studio Code, both is working fine on our side.
Besides that, try to rebuild / clean the project from Visual Studio and try whether the error still persist.
Best Regards, Sean.
Hi. I install everything, but when i run “AspStudio.sln” everything is broken ?
Note: I see that in dependencies nothing is installed in folder npm ?
Hi,
Did you run the npm install, gulp plugins, and gulp command in order to generate the css and js file.
Best Regards, Sean.
yes. Now solution is clean, everything is installed but same issue :/
I am using template_asp, and template_asp_startup (with vs 2022)
it works, Target Name was missing in .csproj. sry and thx
hay alguna guía de instalación ?
Hi,
You may refer to the downloaded documentation or online documentation for installation guide.
https://seantheme.com/asp-studio/documentation/index.htmlBest Regards, Sean.
Got the project working, all i had to was install gulp globally using “npm install gulp -g” and then go to root folder and type in “gulp”.
Hi,
Glad to hear that your issue was resolved.
Best Regards, Sean.
sorry, your response seems to be able the gap between columns. I meant the gap between two items on different rows, but in the same column. So for example, there are two items in the In Progress column. I want to increase the gap between the items in the same column. In this example, the gap between “HTML5 flexbox old browser compatibility” item and “Mobile app autoclose on iOS” item.
thanks
Hi,
In that case, you may try to use the responsive margin utility class from bootstrap and control the margin-bottom based on different screensize.
e.g class=”card mb-3 mb-lg-4”
Best Regards, Sean.
hi Sean, I want to use the scrumboard as shows here. https://seantheme.com/asp-studio/page_scrum_board.html. I would like to add more of a gap between two cards (between the bottom of one card and the top of the next) as I am finding that they are too close together. However, i can’t find an easy way of doing that. What would you recommend?
Secondly, I want to add a button on the card and would like to align it to the right has side of each card. Again, can you help please?
thanks
Hi,
Regarding your question:
1. You may use the gx-4 class from bootstrap to increase the gap between two column. e.g class=”row gx-5”
2. You may refer to our demo page for how to align the icon to the right by using the flex class from bootstrap.
Best Regards, Sean.
Hello, Is an update to .NET 8 planned?
Hi,
Yeah, we will include the new updates in next version release.
Best Regards, Sean.
Hi Sean,
I’m starting to use your theme. I’ve starting using the asp-startup. Unfortunately when i run the solution, there are errors and the theme doesn’t load correctly in the starter website. Also, in your documentation, you mean that when starting a new application, i need to add these two references to my site:
<link href=”assets/css/vendor.min.css” rel=”stylesheet”> <link href=”assets/css/app.min.css” rel=”stylesheet”>
However, i can’t find them anywhere in the startup solution. Where are they?
thanks
Oscar
Hi,
You might need to run the gulp command for asp version.
cd—path-to-your-project
npm install
gulp plugins
gulp
For asp version you might need to refer to the documentation for asp https://seantheme.com/asp-studio/documentation/index_asp.html It use the <link href=”/css/vendor.min.css” rel=”stylesheet”> <link href=”/css/app.min.css” rel=”stylesheet”>instead of within the asset folder.
Best Regards, Sean.
Greetings. I would love to know if there’s a .net 6 version of this. Does the extended license come with full source code and the freedom to do anything with the template.
Hi,
You may downgrade the nuget / core package to .net 6 and it is also working on .NET 6 as well.
Yeah, extended license come with full source code and you may refer to the following link for the license usage. https://themeforest.net/licenses/standardBest Regards, Sean.
v4.1 version you can download open in VS2022 and everything works. v4.2 same thing does not work. 404 on a bunch of .js files. src folder is under the root of the AspStudio project not in wwwroot. Copying js and scss folders into wwwroot still doesn’t fix the problem. I will wait for you to post an updated version that works out the box. Meanwhile v4.1 is awesome.
Hi,
In order to reduce the download file size, the js / css / lib folder within the template_asp has been removed and it can be auto generated by running the npm install and gulp command.
Best Regards, Sean.
Documented somewhere? I am talking about the ASP.NET version
Hi,
The documentation can be found via downloaded folder / our online documentation.
https://seantheme.com/asp-studio/documentation/index_asp.html#gulpCompilationBest Regards, Sean.
For the upgrade from v4.1 to v4.2, do you have suggestions on copy/paste new version files into my VS2022 solution?
Hi,
Just copy the /src/package.json and /src/scss folder into your vs2022 will do.
Best Regards, Sean.
Hey Sean, late reply due to “out of town” but I am going to attempt 4.1 to 4.2 upgrade today. After I copy package.json and scss folder, do I execute gulp? Or any additional suggestions on the upgrade before I get started today?
Hi,
Yeah, you need to execute the gulp command to generate the new app.min.css.
Best Regards, Sean.
Do you have a quick reference or video on how to properly execute: https://seantheme.com/asp-studio/documentation/index_asp.html#gulpCompilation
Disregard video or explaination. I figured out the process.
I have new computer, so I needed to download and install this again:
https://nodejs.org/en/download/Next, I opened cmd and executed: node -v
and npm -v
Installation was success.
Next, I opened my VS project file path and executed: npm install
Next, I executed: npm i -g gulp
Next, I executed: gulp
Finally, rebuild my VS project and the AspStudio 4.2 upgrade was a success.
Hi,
Glad to hear that your issue was resolved.
Best Regards, Sean.
I do have additional question Sean, my sidemenu opens all parent within catagory and selected active item. This menu is almost exact as example, any ideas? https://joshyates.blob.core.windows.net/joshyates/20231206_aspstudio_menu.mp4
Hi,
Did you changed the /Views/Shared/_Sidebar.cshtml or is it the category sharing the same Controller? This is because the sidebar menu is append the active class if the controller is matched.
Best Regards, Sean.
Could we setup a zoom and I show you my source code? I’ll pay your rate $$ for time and service.
Hi,
Unfortunately im not available for any zoom service / customisation right now.
Best Regards, Sean.
I realized that I cannot share Controllers for each Parent menu item. Each Parent item needs it’s own Controller and child menu items fall under the Parent. Ok, my issue is resolved based on understanding because I didn’t change any code.
Hi,
Glad to hear that your issue was resolved.
Best Regards, Sean.
Hey Sean, I discovered sometimes browser will render the @@ with this:
://localhost:7252/user/src=/lib/@%20src=highlightjs/cdn-assets/highlight.min.js
@section Scripts { <script src=”/lib/@@highlightjs/cdn-assets/highlight.min.js”></script> }
my workaround:
@{ var libName = ”@highlightjs”; }
@section Scripts { <script src=”~/lib/@libName/cdn-assets/highlight.min.js”></script> }
Hi,
Thank you for your comment and solution. I will include this in next version release.
Best Regards, Sean.
Hi Sean, is sidebar.json configurable for Areas? Here is my attempt:
https://joshyates.blob.core.windows.net/files/sidebar.bmpHi,
You may add the logic to program.cs to detect different area then include the different set of sidebar array from json file / load from database.
Best Regards, Sean.
Thanks for the latest upgrade to version 4.3, such a great template with the latest bootstrap and ASP.NET Core.
Thank you 
