39 comments found.
Hello,
I would like to use this theme in a Symfony environment with Twig and Webpack/Stimulus. Is it compatible? What is the format of the files provided upon purchase?
Wishing you a great day.
Hi,
For your information, this theme is built using the Angular framework, so the source files are provided in TypeScript, HTML, and SCSS format which is fully structured as a standard Angular project (compatible with Angular CLI).
If you wish to use it with your symfony project, we suggest you to purchase the HTML version which is much more easier for you to integrate it.
Best Regards, Sean.
We are planning to build POS / inventory management system, we just need only front end which we have seen in themeforest. We are planning to provide service to multiple customers, so multiple customer will be using this product but we won’t share the product we will services as SAAS, what license we need to buy?
Hi,
Based on Envato/ThemeForest’s licensing policy, since you are planning to offer the product as a service (SaaS) to multiple customers, you are required to purchase an Extended License for your end product.
You may refer to themeforest licenses explanation page as well.
https://themeforest.net/licenses/standardBest Regards, Sean.
What plugin do you use to make code look systematic?
Hi,
You can try using software like BBEdit or Visual Studio Code to better organize your code and improve readability.
Best regards, Sean
how to change font in this system?
Hi,
To change the font in this template, you may include it via /src/scss/font.scss
OR include it in /src/index.html
and change the scss variable in /src/scss/_variables.scss
LINE: 336 $font-family-base: ‘Chakra Petch’, sans-serif !default;
Best Regards, Sean.
Just a stupid question. I bought this template when Angular 15 was the latest version. I saw that you recently released some updates. What do I need to do to update it? Just run npm i?
Hi,
Yeah. You just need to replace the package.json and the scss folder will do.
Best Regards, Sean.
Will the project continue to develop in the future?
Hi,
Yes! You can check out our previous changelog, and you’ll see that we always do our best to keep every single template alive and continuously updated.
Best Regards, Sean.
changing color for header? or maybe follow color from toggle theme?
Hi,
For that case, you might need to customise the app header css in order to do so.
Best Regards, Sean.
how to change color top-nav? or color theme app?
Hi,
You may add the theme-[color-name] to your component like top-nav.
e.g
div class=”top-nav theme-blue”
Best Regards, Sean.
Why does the file name say Angular 15? themeforest-MbVTC3SL-hud-angular-15-bootstrap-admin-template.zip
Hi,
This is because the file name is based on previous first version launched theme title which is Angular 15.
Best Regards, Sean.
I want to change the grid style for the background and also the gradient. Where can I find it to make the changes? the image i already to know
Hi,
The grid image can be found via the folder /src/scss/images/. The gradient setting can be found via
/src/scss/_variables.scss (LINE: 304, $body-bg-gradient)
and
/src/scss/_variables-dark.scss (LINE: 126, $body-bg-gradient-dark)
Best Regards, Sean.
For the file startup, I have a problem calling the card for the border line. It looks like the file is incomplete. When I try to compare the full file with the startup code, the card is not the same. Can you help me? I bought your website just for the design, not the system
Hi,
Can you share to us the issue (e.g screenshot / code) that you have? We have double checked the card css and it is working fine on our side.
Best Regards, Sean.
Hello, i want to know how can I add more images for cover I updated the Theme-panel.component and add the images to the respected directory but when I check the image in side pane it wont change the background image
Hi,
To add more images to the project, please follow these steps:
1. Add the images to the /src/scss/images/ directory.
2. Upload the thumbnail images to the /src/assets/img/cover/ folder.
3. Update the array for the coverList variable in /src/app/components/theme-panel/theme-panel.component.ts.
4. Modify the following code in /src/scss/_helper.scss (around line 108). For example, if you are adding up to 15 images, update the code to: @for $i from 2 through 15 {
Best Regards, Sean.
Hi, I wanted to ask if it is possible to download previous versions of the template.
Hi,
Unfortunately, there is no way to download the previous version of the template in envato.
Best Regards, Sean.
Sure, this is my configuration
Angular 18.1.1 Node 20.15.1 Npm 10.7.0 Win 32×64bits
Hi,
Thank you for your comment and feedback. We have encounter the same error while updating the node js and npm. We have released a new version that solved the issue. You may download from themeforest / add the following code to the compilerOptions in tsconfig.json
“skipLibCheck”: true,
Best Regards, Sean.
Just downloaded theme, npm install & ng serve, is giving me this error
Error: node_modules/datatables.net/types/types.d.ts:2777:5 – error TS7010: ‘use’, which lacks return-type annotation, implicitly has an ‘any’ return type. 2777 use(type: ‘lib’ | ‘win’ | ‘datetime’ | ‘luxon’ | ‘moment’, library: any);
Disable strict on tsconfig work, but it’s just an unsecure patch, is here any way to fix it?
Hi,
Can you share what is the nodejs and npm version in your localhost?
Best Regards, Sean.
I’m getting error when I try to start
./src/app/pages/dashboard/dashboard.css?ngResource – Error: Module build failed (from ./node_modules/css-loader/dist/cjs.js): Error: Can’t resolve ‘jsvectormap/dist/css/jsvectormap.min.css’ in ’/Users/syed-aq/Developer/project/pos/src/app/pages/dashboard’
./src/app/pages/map/map.css?ngResource – Error: Module build failed (from ./node_modules/css-loader/dist/cjs.js): Error: Can’t resolve ‘jsvectormap/dist/css/jsvectormap.min.css’ in ’/Users/syed-aq/Developer/project/pos/src/app/pages/map’
Hi,
Sorry for the inconvenience cause. This issue occur because of the latest version of jsvectormap. For the quick fix, you may change the following code.
FILE: /app/pages/dashboard/dashboard.css /app/pages/map/map.css
CODE: from jsvectormap/dist/css/jsvectormap.min.css to jsvectormap/dist/jsvectormap.min.css
We will release the new version for Angular 18 which will fix all of this issue within this two days.
Best Regards, Sean.
this is support code program for php
Hi,
For your information, this is the frontend framework which is not related to the backend framework like php. But you still can port to php for api / data fetch.
Best Regards, Sean.
Hi, I really like your layout angular version, would be build an landing page for extra cost?
Hi,
Thank you for your comment and feedback. Unfortunately I’m not available for any freelance right now.
Best Regards, Sean.
Hello, I have purchased HUD -Angular 16 Bootstrap Admin Template. Is there any way I can get the design resources like figma or anything? Thanks
Hi,
Unfortunately there is no design resources for this template.
Best Regards, Sean.
Hi, I’m now using Linux Debian 12, the base installation went fine but when I try to use angular (ng serve) it’s giving me an error.
log.
Workspace extension with invalid name (defaultProject) found. debian@debian12:~/rsallestecnologias/template_angular$ ng serve Workspace extension with invalid name (defaultProject) found. This is a simple server for use in testing or debugging Angular applications locally. It hasn’t been reviewed for security issues. DON’T USE IT FOR PRODUCTION! ✔ Browser application bundle generation complete.Initial Chunk Files | Names | Raw Size | Estimated Transfer Size main.js | main | 3.33 MB | 718.00 kB styles.css, styles.js | styles | 918.22 kB | 106.52 kB scripts.js | scripts | 581.50 kB | 129.34 kB polyfills.js | polyfills | 162.38 kB | 41.53 kB runtime.js | runtime | 3.22 kB | 1.49 kB
| Initial Total | 4.96 MB | 996.89 kB
Lazy Chunk Files | Names | Raw Size | Estimated Transfer Size quill.js | quill | 209.56 kB | 42.02 kB 373.js | highlight-js-lib-core | 20.25 kB | 7.36 kB 746.js | highlight-js-lib-languages-css | 9.70 kB | 2.87 kB 266.js | highlight-js-lib-languages-typescript | 7.36 kB | 2.63 kB 668.js | highlight-js-lib-languages-xml | 441 bytes | 241 bytes
Build at: 2023-10-27T15:23:35.257Z – Hash: 51dd50aa03bfa289 – Time: 140185ms
Warning: 2 rules skipped due to selector errors: .form-floating > ~ label -> Did not expect successive traversals. .form-floating > ~ label -> Did not expect successive traversals.
./node_modules/highlight.js/es/languages/xml.js:51:13 – Error: Module parse failed: Unexpected token (51:13) File was processed with these loaders: * ./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js You may need an additional loader to handle the result of these loaders. | relevance: 0 | }, { > begin: /=\s/, | relevance: 0, | contains: [{
- Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ *
✖ Failed to compile.
Hi,
Did you made any changes on the code / package.json?
Best Regards, Sean.
No, I just did the installation commands.
{ “name”: “hud”, “version”: “0.0.0”, “license”: “MIT”, “scripts”: { “ng”: “ng”, “start”: “ng serve”, “build”: “ng build—prod”, “test”: “ng test”, “lint”: “ng lint”, “e2e”: “ng e2e”, “postinstall”: “node remove-css-imports.js ngcc” }, “private”: true, “dependencies”: { ”@angular-devkit/build-angular”: “16.1.1”, ”@angular/animations”: “16.1.2”, ”@angular/cdk”: “16.1.2”, ”@angular/cli”: “16.1.1”, ”@angular/common”: “16.1.2”, ”@angular/compiler”: “16.1.2”, ”@angular/compiler-cli”: “16.1.2”, ”@angular/core”: “16.1.2”, ”@angular/forms”: “16.1.2”, ”@angular/language-service”: “16.1.2”, ”@angular/localize”: “16.1.2”, ”@angular/material”: “16.1.2”, ”@angular/platform-browser”: “16.1.2”, ”@angular/platform-browser-dynamic”: “16.1.2”, ”@angular/router”: “16.1.2”, ”@fortawesome/fontawesome-free”: “6.4.0”, ”@fullcalendar/angular”: “6.1.8”, ”@fullcalendar/bootstrap”: “6.1.8”, ”@fullcalendar/core”: “6.1.8”, ”@fullcalendar/daygrid”: “6.1.8”, ”@fullcalendar/interaction”: “6.1.8”, ”@fullcalendar/list”: “6.1.8”, ”@fullcalendar/resource-timegrid”: “6.1.8”, ”@fullcalendar/timegrid”: “6.1.8”, ”@ng-bootstrap/ng-bootstrap”: “15.0.1”, ”@ng-select/ng-select”: “11.0.0”, ”@ngx-loading-bar/core”: “6.0.2”, ”@ngx-loading-bar/router”: “6.0.2”, ”@types/datatables.net”: “1.10.24”, ”@types/jasmine”: “4.3.4”, ”@types/jasminewd2”: “2.0.10”, ”@types/jquery”: “3.5.16”, ”@types/node”: “20.3.1”, ”@types/quill”: “1.3.10”, “angular-calendar”: “0.31.0”, “apexcharts”: “3.41.0”, “bootstrap”: “5.3.0”, “bootstrap-icons”: “1.10.5”, “bootstrap-social”: “5.1.1”, “chart.js”: “4.3.0”, “codelyzer”: “6.0.2”, “core-js”: “3.31.0”, “dart-sass”: “1.25.0”, “datatables.net”: “1.13.4”, “datatables.net-bs5”: “1.13.4”, “date-fns”: “2.30.0”, “fibers”: “5.0.3”, “jasmine-core”: “5.0.1”, “jasmine-spec-reporter”: “7.0.0”, “jsvectormap”: “1.5.3”, “karma”: “6.4.2”, “karma-chrome-launcher”: “3.2.0”, “karma-coverage-istanbul-reporter”: “3.0.3”, “karma-jasmine”: “5.1.0”, “karma-jasmine-html-reporter”: “2.1.0”, “lity”: “2.4.1”, “masonry-layout”: “4.2.2”, “moment”: “2.29.4”, “ng-apexcharts”: “1.7.7”, “ng2-charts”: “4.1.1”, “ngx-chips”: “3.0.0”, “ngx-color”: “9.0.0”, “ngx-countdown”: “16.0.0”, “ngx-editor”: “15.3.0”, “ngx-highlightjs”: “9.0.0”, “ngx-mask”: “16.1.9”, “ngx-masonry”: “14.0.1”, “ngx-quill”: “22.0.0”, “ngx-scrollbar”: “13.0.0”, “protractor”: “7.0.0”, “quill”: “1.3.7”, “rxjs”: “7.8.1”, “rxjs-compat”: “6.6.7”, “ts-node”: “10.9.1”, “tslib”: “2.5.3”, “tslint”: “6.1.3”, “typescript”: “5.1.3”, “zone.js”: “0.13.1” } }
Hi,
Can you run the ng v command and share the result that you get after running the command.
something like this
Angular CLI: 16.2.6 Node: 18.18.2 Package Manager: npm 9.8.1 OS: darwin arm64
Angular: 16.2.9 ... animations, common, compiler, compiler-cli, core, forms ... language-service, localize, platform-browser ... platform-browser-dynamic, router
Package Version
@angular-devkit/architect 0.1601.8 @angular-devkit/build-angular 16.1.8 @angular-devkit/core 16.1.8 @angular-devkit/schematics 16.2.6 @angular/cdk 16.2.8 @angular/cli 16.2.6 @angular/material 16.2.8 @schematics/angular 16.2.6 rxjs 7.8.1 typescript 5.1.6 zone.js 0.13.3
Best Regards, Sean.
Angular CLI: 16.2.8 Node: 18.13.0 Package Manager: npm 9.2.0 OS: linux x64
Angular: 16.2.11 ... animations, common, compiler, compiler-cli, core, forms ... language-service, localize, platform-browser ... platform-browser-dynamic, router
Package Version
@angular-devkit/architect 0.1601.8 @angular-devkit/build-angular 16.1.8 @angular-devkit/core 16.1.8 @angular-devkit/schematics 16.2.8 @angular/cdk 16.2.10 @angular/cli 16.2.8 @angular/material 16.2.10 @schematics/angular 16.2.8 rxjs 7.8.1 typescript 5.1.6 zone.js 0.13.3
Hi,
You may try to update your npm to the latest version npm install -g npm@latest
and re try to run the ng serve command.
Best Regards, Sean.
Good evening, everything went well with the installation.
Hi,
Glad to hear that your issue was resolved.
Best Regards, Sean.