197 comments found.
Hi, I love this amazing theme you made!
I purchased the regular Bootstrap 5 version of HUD a while ago (there was no svelte version available at that time) and “made it work” with svelte by hacking around with it.
I was wondering if there are major differences to the Bootstrap only version and purchasing the svelte version might make my life easier and less hacky?
As an example: the Bootstrap only version includes javascript files for various libraries, is this handled natively in the svelte version or do I still need to include those javascript files in my html?
EDIT: I probably should have posted this on the svelte version instead of here, apologies.
Hi,
For your information, svelte version is different than HTML version as the plugins that we use is svelte based plugins and the file structure is different than HTML version as well.
You may refer to our documentation for the svelte version and decide whether it is suitable for your project before purchase.
https://seantheme.com/hud-svelte/documentation/#file-structureBest Regards, Sean.
Perfect, thank you for the quick response!
Hello SeanTheme,
I have been working with your product for some time now and am still fascinated. I would like to see a landing page in the style of the admin panel.
Maybe it would be possible in the future, so that I can limit my clients to a wonderful design.
Kind regards MasonGIT
Hi,
Thank you for your comment and feedback. Yeah, we do have a plan to include a landing page in next version release. Please stay tuned.
Best Regards, Sean.
Wonderful. Is there an approximate release date?
Hi,
The release date will be within the month of july.
Best Regards, Sean.
Hello,
I would like it if you could create hover or other effects. That would make everything look more dynamic. For example, you could change the border theme with a hover.
Best regards
Hi,
Thank you for your comment and feedback. We will put it into our todolist for next version release.
Best Regards, Sean.
Thank you!
Hello SeanTheme
First of all, a very big compliment, the theme is very well made and I just love it. After setup my site and push content, I run into troubles with the selecpicker plugin. If you open the dropdown and you have another card below, the dropdown opens behind the second card. This also happens in the template file without modify anything, so it looks like there is something wrong in general with the selecpicker.
I uploaded a screenshot where you can see it: https://ibb.co/CKKy41F
Can you pls check this?
Hi,
Because of the selectpicker is using inline element for the dropdown list, you might need to set the card that contain the selectpicker having the high zindex than the card below it.
e.g
https://pastebin.com/WVUuRRpqBest Regards, Sean.
i want to use a function that setting a default hidding column, using basic table data-show-columns=”true”
Hi,
For your information, there is no default function to hide / show column for normal HTML table unless you are using datatables plugins.
If you wish to have data attribute to indicate which column that you need to hide / show, you might need to create your own javascript in order to do so.
Best Regards, Sean.
Hello.
I want to use this template with python flask. However I guess this template is for Node.js. is it right? for example, i don’t use @include, @if
i use if like {% if %}
Hi,
Yeah. This template use gulp plugins to generate the html files.
Best Regards, Sean.
Never mind, I figured out the problem
Hi,
Glad to hear that your issue was resolved.
Best regards, Sean.
Hello, I just would like to check how I can increase the column number to display.
DataTable currently showing 6 columns: ID, Name, Position, office, age, startdate. Where can I increase the number of columns to display here from 6 to 8. thank you.
ref:https://preview.themeforest.net/item/hud-bootstrap-5-admin-template/full_screen_preview/34000752?_ga=2.212598804.1047701426.1712762074-1402739253.1710026819&_gac=1.153880138.1710908584.CjwKCAjw7-SvBhB6EiwAwYdCAT6O6AhB8QCJrna2U_c-rMwXdaYgwOha7VF-Ss1we8k3Mi3TZ2EklxoCrMUQAvD_BwE
Hi,
If you wish to show more column, you might need to disable the responsive feature for the datatables.
Best Regards, Sean.
Ill try that thanks.
How to fix error? app.min.js:1 Uncaught TypeError: Cannot read property ‘classList’ of null at a (app.min.js:1) at handleUnlimitedTopNavRender (app.min.js:1) at Object.initTopNav (app.min.js:1) at Object.init (app.min.js:1) at HTMLDocument.<anonymous> (app.min.js:1)
Hi,
This error is because the required unlimited nav tab element is missing. Make sure you have include the nav left and right toggler for unlimited nav tabs.
Best Regards, Sean.
I clear. Thank you.
Hi, i need to do some css changes to the HUD theme… were can i found the app.css?... not the app.min.css because it is dificult to seek the correct parameter to change.
thanks
Hi,
For the unminified version, you may refer to the /src/scss files.
Best Regards, Sean.
Does this template support Progressive Web Application features? If not, you may consider it for future functionality.
Hi,
This template currently doesn’t support Progressive Web Application features. However, we appreciate your suggestion, and we’ll certainly consider incorporating PWA functionality in future updates. Thank you for bringing this to our attention!
Best Regards, Sean.
Buenas Tardes
Me gustaria ver la posibilidad de que me apoyes ya que tengo 6 errores para iniciar la plantilla desde visual studio 2022
Hi,
You might need to provide me the screenshot regarding your error.
p.s please use the account that you purchase the template (purchase & supported badge) so that we can assist you to solve the issue.
Best Regards, Sean.
Hi
Estos son los errores
Gravedad Código Descripción Proyecto Archivo Línea Estado suprimido Error TS2688 (TS) Cannot find type definition file for ‘node’. C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\tsconfig.json C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\index.d.ts 7 Activo Error TS2503 (TS) Cannot find namespace ‘NodeJS’. C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\tsconfig.json C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\index.d.ts 35 Activo Error TS2580 (TS) Cannot find name ‘Buffer’. Do you need to install type definitions for node? Try `npm i—save-dev @types/node`. C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\tsconfig.json C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\index.d.ts 47 Activo Error TS2580 (TS) Cannot find name ‘Buffer’. Do you need to install type definitions for node? Try `npm i—save-dev @types/node`. C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\tsconfig.json C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\index.d.ts 57 Activo Error TS2503 (TS) Cannot find namespace ‘NodeJS’. C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\tsconfig.json C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\index.d.ts 97 Activo Error TS2580 (TS) Cannot find name ‘Buffer’. Do you need to install type definitions for node? Try `npm i—save-dev @types/node`. C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\tsconfig.json C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\index.d.ts 170 Activo Error TS2503 (TS) Cannot find namespace ‘NodeJS’. C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\tsconfig.json C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\index.d.ts 294 Activo Error TS2688 Build:Cannot find type definition file for ‘node’. HudAsp C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\index.d.ts 7 Error TS2503 Build:Cannot find namespace ‘NodeJS’. HudAsp C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\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—save-dev @types/node`. HudAsp C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\index.d.ts 47 Error TS2580 Build:Cannot find name ‘Buffer’. Do you need to install type definitions for node? Try `npm i—save-dev @types/node`. HudAsp C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\index.d.ts 57 Error TS2503 Build:Cannot find namespace ‘NodeJS’. HudAsp C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\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—save-dev @types/node`. HudAsp C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\index.d.ts 170 Error TS2503 Build:Cannot find namespace ‘NodeJS’. HudAsp C:\Users\Administrator\Desktop\WebProyect\Example\Hub\hud_asp_v2.3\template_asp\HudAsp\wwwroot\lib\jszip\index.d.ts 294
Hi,
Try to upgrade your node js to the latest stable version of node js and re-run the npm install command.
Best Regards, Sean.
Amazing theme! Appreciate your work!
On the page URL below, go to and maximize “TRAFFIC ANALYTICS”.
The bottom portion is too virtually narrow and can’t be viewed on mobile.
https://preview.themeforest.net/item/hud-bootstrap-5-admin-template/full_screen_preview/34000752Also, is their a generic reposive “landing” or “promo” page example available?
Usually has an image or video background with overlay text and “call to action” buttons?
Thanks again!
Hi,
Can you share the screenshot regarding your issue on your mobile?
For landing / promo page, it is still not available yet but i will put into consideration for future updates.
Best Regards, Sean.
Thank you for your quick response.
Uploaded screenshots to GitHub at the below URLs.
I am using Chrome and Firefox on the Samsung Galaxy Fold 4.
Outside (narrow) screen https://github.com/dragontheory/screenshots/blob/main/Screenshot_20240125_073302_Chrome.jpg Inside (wider) screen https://github.com/dragontheory/screenshots/blob/main/Screenshot_20240125_073325_Chrome.jpgHi,
Thank you for your comment and report. I have found the issue for card expand. For the quick fix, you may change the following code
FILE: /src/scss/ui/_card.scss
LINE: 34
CODE: & > .card-body {
or you may also append the class “flex-1” to the card-body for traffic analytics card body as well.
Best Regards, Sean.
Thanks again for the quick turnaround and fix!
I solved the problem I had the other day, thank you very much in advance. Now I have a problem with a button in the menu above, in the index the button does not work but in the other sections of the page it does.
Hi,
You might need to double check your browser console is there have any javascript error which break the bootstrap javascript or not.
Best Regards, Sean.
Hello, I had a problem with the template, whenever I click on a button to open a modal and it opens, I can’t see it, it has like a background layer that prevents me from seeing it.
Hi,
Make sure the modal component is placed outside the .app-content container will solve the issue.
Best Regards, Sean.
hi, i try to place the modal outside but the error keeps going.
Hi,
Can you share the HTML that you have create on your side? You may upload to the site like https://pastebin.com/
Best Regards, Sean.
Hi,
Kindly remove the style=”z-index: 999;” and make sure it is placed outside the app-content container will do.
Best Regards, Sean.
It still doesn’t work, have you tried to enter and see what happens, I have removed all the z-index and the app-content but not even with those
Hi,
Did you use the proper way to show the modal by using data-bs-toggle=”modal” data-bs-target=”#modalId”?
OR
if you wish to show the modal by default, you should use the following class instead of inline-style z-index.
class=”modal fade show d-block”
Best Regards, Sean.
I have a question regarding installation and recompiling scss. I’ll start with I’m not familiar at all with gulp.
I started working with the template simply by copying the the entire assets folder into my projects root directory and adding including all of the core css and js components into my html files. This is working perfectly for the most part.
However, I am now trying to add proper theming and that will require changing the default value of $enable-rtl: to true and doing a recompile according to your documentation.
I was able to track down the $enable-rtl variable and make the change and tried to follow the instructions for recompiling but I am getting errors.
ReferenceError: primordials is not defined at fs.js:36:5 at req_ (/opt/www/gymcrush/html/template_html/node_modules/natives/index.js:143:24) at Object.req [as require] (/opt/www/gymcrush/html/template_html/node_modules/natives/index.js:55:10) at Object.<anonymous> (/opt/www/gymcrush/html/template_html/node_modules/vinyl-fs/node_modules/graceful-fs/fs.js:1:37) at Module._compile (internal/modules/cjs/loader.js:999:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1027:10) at Module.load (internal/modules/cjs/loader.js:863:32) at Function.Module._load (internal/modules/cjs/loader.js:708:14) at Module.require (internal/modules/cjs/loader.js:887:19) at require (internal/modules/cjs/helpers.js:74:18)
Not sure where to go from here, or even if I’m doing this correctly.
Any advice you can give would be greatly appreciated.
Hi,
May i know
1. did you run the following command by using the terminal / command prompt?
npm install gulp
2. if yes, what is your node js. / npm version in your localhost?
Best Regards, Sean.
$ npm—version 8.5.1
Hi,
Can you try to upgrade the npm version to the latest version which is v10+?
Best Regards, Sean.
Ok. I have installed the new version of npm.
$ npm—version 10.2.5
I have run npm install gulp.
$ npm install gulp
up to date, audited 748 packages in 2s
53 packages are looking for funding run `npm fund` for details
9 high severity vulnerabilities
To address issues that do not require attention, run: npm audit fix
To address all issues (including breaking changes), run: npm audit fix—force
Run `npm audit` for details.
I did try running npm audit fix—force but it doesn’t seem to resolve anything.
So finally when I run gulp css I now get this.
$ gulp css Error [ERR_REQUIRE_ESM]: require() of ES Module /home/chris/development/git/gymcrush/web/html/themeforest/hud_admin_v2.3/template_html/node_modules/gulp-autoprefixer/index.js from /home/chris/development/git/gymcrush/web/html/themeforest/hud_admin_v2.3/template_html/gulpfile.js not supported. Instead change the require of index.js in /home/chris/development/git/gymcrush/web/html/themeforest/hud_admin_v2.3/template_html/gulpfile.js to a dynamic import() which is available in all CommonJS modules. at Object.<anonymous> (/home/chris/development/git/gymcrush/web/html/themeforest/hud_admin_v2.3/template_html/gulpfile.js:12:20) { code: ‘ERR_REQUIRE_ESM’ }
Hi,
Did you change / upgrade the package.json? If yes, please revert back to the previous version as the latest version of gulp-autoprefixer will cause an error while using gulp command.
p.s please do not run the npm audit fix command as well
Best Regards, Sean.
Do you have any plans to release your product for Blazor?
Hi,
Thank you for your comment and feedback. Unfortunately, we will still stick to the MVC instead of blazor.
Best Regards, Sean.
Hi Sean,
I’m just getting into using the template and I have been unable to track down the documentation in order to do a couple things.
A lot of what I want to do is right there in your demo app that highlights the features but a simple view source doesn’t really do me any good.
Is the source code for your demo app available? Or is there any documentation on it?
Thanks.
Hi,
The generated html / css / js files can be found via dist folder and all the source code can be found via the src folder.
Best Regards, Sean.
Thanks very much. I regretted sending the question about 5 minutes after it went. If I ever send any question that bad in the future just reply with RTFM,
Love your work.
Hi,
Glad to hear that your issue was resolved.
Best Regards, Sean.
Hi Sean,
Is it possible to swap the HTML for the React template instead?
Thank you for your consideration. Best Regards
Hi,
Yeah. Here is the react version for HUD https://themeforest.net/item/hud-react-18-bootstrap-admin-template/42252040p.s if you wish to swap the purchased HTML to React, you might need to repurchase the React version.
Best Regards, Sean.
Hello What is the difference between the regular license and the license has been selected? And an extended license? When I will put it on my own server, can anyone register in those themes or now that I register clients and cafes to use it?
from imad
Hi,
If you are selling your end product to other users, you might need to purchase an extended license.
For more information, you may refer to https://themeforest.net/licenses/standardBest Regads, Sean.
