I came across a situation where the parent menu item wasn’t marked active when one of its child items was active. To fix this, I added a check so the parent becomes active if any child is active, even if the parent itself doesn’t match the controller.

In Sidebar.cshtml:

// Check if any child is active var hasActiveChild = menuChildren.Any(child => menuController child["controller"] && menuAction child[“action”]);

// Parent is active if it matches directly OR if any child is active var isParentActive = menuController == menu[“controller”] || hasActiveChild;

Then updated the markup to:

”<div class=”menu-item (isParentActive ? "active" : "") (menuChildren.Length > 0 ? “has-sub” : ””)”>”

Sharing this here in case it helps anyone facing the same issue. If this isn’t the right place for it, feel free to remove.

Good afternoon. I purchased the product but I haven’t been able to install it. I would have appreciated remote assistance, as I haven’t been able to use the template. I followed the instructions, but it’s still not working.

I followed the steps as instructed, but the program runs and the browser displays text without any template, just blue underlined text. What should I do? I have Visual Studio 2022 Community.

Carlos Sabino <carlossabino007@gmail.com> 14:02 (hace 12 minutos) para market

I just made the purchase. Could you please send me a guide on how to compile and run the solution from Visual Studio, which I already have installed?

I’ve already opened it with Visual Studio 2022.

Support would be greatly appreciated.

I am getting an error when excuting the gulp file.

PM> gulp node.exe : E:\DownloadCode\AspStudio\asp_studio_v6.0\template_asp\AspStudio\gulpfile.js:1 At C:\Users\MichaelButler\AppData\Roaming\npm\gulp.ps1:24 char:5 + & “node$exe” ”$basedir/node_modules/gulp-cli/bin/gulp.js” $args + _{~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~} + CategoryInfo : NotSpecified: (E:\DownloadCode…o\gulpfile.js:1:String) [], RemoteException + FullyQualifiedErrorId : NativeCommandError

import gulp from ‘gulp’; ^{^^^}

SyntaxError: Cannot use import statement outside a module at internalCompileFunction (node:internal/vm:73:18) at wrapSafe (node:internal/modules/cjs/loader:1178:20) at Module._compile (node:internal/modules/cjs/loader:1220:27) at Module._extensions..js (node:internal/modules/cjs/loader:1310:10) at Module.load (node:internal/modules/cjs/loader:1119:32) at Module._load (node:internal/modules/cjs/loader:960:12) at Module.require (node:internal/modules/cjs/loader:1143:19) at require (node:internal/modules/cjs/helpers:110:18) at requireOrImport (C:\Users\MichaelButler\AppData\Roaming\npm\node_modules\gulp-cli\lib\shared\require-or-import.js:20:11) at execute (C:\Users\MichaelButler\AppData\Roaming\npm\node_modules\gulp-cli\lib\versioned\5.0.0\index.js:35:3)

Hi, I am interested in the AspStudio theme. Can you tell me more about how it supports .Net? Does it use a data-driven nav system that supports role-based menus?

I’m using the latest version of VS22, v.17.12.4, with the latest .NET Core SDK 9.0.304. After extracting the downloaded file, I tried to double-clicked the AspStudio.sln file in template_asp, template_asp/AspStudio, template_asp_startup, and also template_asp_startup/AspStudio to open their project and execute them one by one. All the results were the same. The CSS and JS files seemed to be missing. I tried to publish the project to my IIS server and the result is the same.

Here is an example of the result:

Search menu… 3 Notifications Your store has a new order for 2 items totaling $1,299.00 just now 3 new customer account is created 2 minutes ago

Your android application has been approved 5 minutes ago

Paypal payment method has been enabled for your store 10 minutes ago See all

bla bla bla

I tried using developer mode (F12) and right-clicked to open the ”/js/vendor.min.js” file in the <script src=”/js/app.min.js”></script> code. The system displayed a message: “This localhost page cannot be found.” The page for the web address: https://localhost:44341/js/app.min.js could not be found. How can I fix this?

However, the template_html and the template_html_startup works fine.

I have a old asp.net webforms application – does this admin template work for webforms? do you have other template that I can use for asp.net webforms.

Hello! Your theme is great, I’m enjoying using it. I am using the MVC version and I’m having issues with the header and login/logout layouts. The header that is used is hard-coded with login/logout links but there is another partial called “LoginPartial.cshtml” that is never used. I think this is what should be used because it has the real logout link instead of a dead link to /Pages/login like the “_Header.cshtml” has. What was your vision for how this would work?

Again Please What is the “Last write time” I Try search Google but not work.This not work after I update vs2022 from 17.13x to 17.14 Error approximate 100+ file all wwwroot/* The “DefineStaticWebAssetEndpoints” task failed unexpectedly. System.AggregateException: One or more errors occurred. -> System.InvalidOperationException: Last write time for ‘E:\Project2022\Portal\Portal.Web\wwwroot\img\page\coming-soon.svg’ is not defined. at Microsoft.AspNetCore.StaticWebAssets.Tasks.StaticWebAsset.Validate() at Microsoft.AspNetCore.StaticWebAssets.Tasks.StaticWebAsset.FromTaskItem(ITaskItem item) at Microsoft.AspNetCore.StaticWebAssets.Tasks.DefineStaticWebAssetEndpoints.ParallelWorker.Process(Int32 i, ParallelLoopState _) at Microsoft.AspNetCore.StaticWebAssets.Tasks.DefineStaticWebAssetEndpoints.<>c.<Execute>b__16_2(Int32 i, ParallelLoopState loop, ParallelWorker state) at System.Threading.Tasks.Parallel.<>c__DisplayClass17_01.<ForWorker>b__1() at System.Threading.Tasks.Task.InnerInvokeWithArg(Task childTask) at System.Threading.Tasks.Task.<>c__DisplayClass176_0.<ExecuteSelfReplicating>b__0(Object <p0>) —End of inner exception stack trace -- at System.Threading.Tasks.Task.ThrowIfExceptional(Boolean includeTaskCanceledExceptions) at System.Threading.Tasks.Task.Wait(Int32 millisecondsTimeout, CancellationToken cancellationToken) at System.Threading.Tasks.Parallel.ForWorkerTLocal at System.Threading.Tasks.Parallel.ForTLocal at Microsoft.AspNetCore.StaticWebAssets.Tasks.DefineStaticWebAssetEndpoints.Execute() at Microsoft.Build.BackEnd.TaskExecutionHost.Execute() at Microsoft.Build.BackEnd.TaskBuilder.<ExecuteInstantiatedTask>d__26.MoveNext()

-> (Inner Exception #4) System.InvalidOperationException: Last write time for ‘E:\Project2022\Portal\Portal.Web\wwwroot\js\vendor.min.js’ is not defined. at Microsoft.AspNetCore.StaticWebAssets.Tasks.StaticWebAsset.Validate() at Microsoft.AspNetCore.StaticWebAssets.Tasks.StaticWebAsset.FromTaskItem(ITaskItem item) at Microsoft.AspNetCore.StaticWebAssets.Tasks.DefineStaticWebAssetEndpoints.ParallelWorker.Process(Int32 i, ParallelLoopState _) at Microsoft.AspNetCore.StaticWebAssets.Tasks.DefineStaticWebAssetEndpoints.<>c.<Execute>b__16_2(Int32 i, ParallelLoopState loop, ParallelWorker state) at System.Threading.Tasks.Parallel.<>c__DisplayClass17_01.<ForWorker>b__1() at System.Threading.Tasks.Task.InnerInvokeWithArg(Task childTask) at System.Threading.Tasks.Task.<>c__DisplayClass176_0.<ExecuteSelfReplicating>b__0(Object <p0>)<- Thank you very much for help.

Dear Team

I have a question please. How to change all font to Google Font is “Sarabun” is first font. I try to change this but not found Thank you and sorry about my English

Dear team I have a question please I dont know make smoethink wrong why left sidebar not full height style and I not set ViewData[“AppClass”] = “app-sidebar-minified”; right now the menu is Minified Sidebar I would like to Full Height style Help me please

Greetings,

What is the difference between “template_asp” vs “template_asp_startup”?

Hola Buenas tardes , no puedo echar andar el proyecto ya realice todos los paso que mencionas Node.js , NPM o si lleva un orden especifico

what should I do to get sidebar menu items via WEB API instead of getting sidebar.json file. I have created my api function it returns the same result as sidebar.json file. Could you please help me what to change ?

Hello I’m in the process of running this template in visual studio 2022 and am getting the error messages

TS2688 TS Cannot find type definition file for ‘node’

TS2503 TS Cannot find namespace ‘NodeJS’

TS2580 TS Cannot find name ‘Buffer’. Do you need to install type definitions for node? Try ‘npm i—save-dev @types/node’

My question is do you have some instructions or steps for setting up this admin template project?

Thanks for any help

Hi, Can i integrate this theme in php projects ? will have all the support ? if anything i need to consider please let me know ?

Hello, my boss purchased your theme and I am trying to switch from to make this work and running into some issues. Can you please help

The main ones in the AspStudio Theme mainly around the view _layout and side bar navigation, its also breaking scaffolding of view components when using the asp core identity for me. Can you please share some suggestions or a fix? Also a map/grid view option with search would be helpful. I did not want to put links here
 

Layout/Nav

1. Views are not properly referencing the _Layout.cshtml file, causing inconsistencies in the user interface.
2. Shared navigation bar and footer are not inherited across various pages, leading to a disjointed user experience.
3. Partial views expected to render within the layout are either missing or incorrectly included, affecting functionality.
4. Dynamic responsiveness of certain page sections is compromised due to broken partial views.
5. Instances of the layout rendering unexpected content or failing to display correct view components indicate configuration issues.
6. Discrepancies in CSS styles across different pages suggest potential issues with bundling or linking of stylesheet resources, see below
7. also when I implement authorization in navigation it broken since it does not inherit from master layout, complicating user access to specific sections of the application.
8. Integrated security at the view level is not functioning as expected, posing risks to application integrity.
9. Breakdown of view components during rendering, thus affecting modular functionalities.
10. Challenges in maintaining a coherent look and feel across all pages, undermining overall usability.

Security/Identity, since it uses local app.db, what is the default user/pw when I run the template the first time to login.
 

CSS issues 

I set up the contrast function in scss

$app-sidebar-menu-link-active-color: contrast(var(--#{$prefix}theme), var(--#{$prefix}app-sidebar-menu-link-active-bg), 20%) !default;

But then it breaks, both

1. The colorpicker you have and
2. The dark them option also does not work, once this variable is changed (but the documentation refers to this in #14 section

After spending some time tracing debugging the error, I found they use different variables completely and don’t pick up the compiled variables since they refer to a different variable from what your documentation says. 

Can you please tell me how to setup the contrast and also have the theme color picker work correctly.

 

input type=”checkbox” class=”form-check-input” name=”app-theme-dark-mode” id=”appThemeDarkMode” value=”1” (How do we default to darkmode on pageload?)

$(’#test’).picker({ search: true });

can not use on change ?

// Bind change event handler $(’#test’).on(‘change’, function () { console.log(“Select change detected!”); var selectedOption = $(this).find(‘option:selected’); var shotCode = selectedOption.data(‘shotcode’); console.log(“Shotcode:”, shotCode); $(’#CusCode’).val(shotCode); });

This function cannot work. If I want to use it, how should I fix it?