193 comments found.
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.
Good day,
first of all a big praise for your work. The design is really perfect.
I know that you probably also have a lot to do. However, I must unfortunately contact you and ask one thing.
Why can’t I customize the “data-theme-cover-class”? I have replaced all possible images, but it still uses the default background images.
The following files have been changed:
\dist\assets\img\cover \dist\assets\css\images
Is there any other folder where the files are missing?
Thank you in advance for an answer.
Greetings Huntax
Hi,
Did you add the selected css class to the html tag? https://seantheme.com/hud/documentation/#themeCoverBest Regards, Sean.
No, I don’t want a fixed background, but I want to customize the backgrounds in the theme panel so that others can be used. However, it does not work, although everything was adjusted. Am also experienced in the field of web development. I hope you can help me
Hi,
If what you mean is the theme panel, you may just set an active class to the .app-theme-cover-item will do.
e.g div class=”app-theme-cover-item active”.
Best Regards, Sean.
Hmm, I just replaced all the pictures. The file names have remained the same. Nevertheless, he always takes the old images. But from where? I have never experienced this before. I can’t find anything in the code.
Best Regrades, Huntax
Hi,
May i know which directory of images that you are replacing for? The background images is stored at /dist/assets/css/images which is stated clearly at https://seantheme.com/hud/documentation/index.html#themeCoverIf you are talking about the background cover thumbnail, it is located at /dist/assets/img/cover
Best Regards, Sean.
Both are correctly replaced. Despite this, the sample images are displayed. There are only these two paths with the images, right?
Best Regrads, Huntax
Hi,
Can you share some screenshot / live demo url regarding how you change the images / directories for your app / website?
P.s screenshot can be uploaded to https://imgbb.com/ and share the link here.
Best Regards, Sean.
Hey,
sure I have screenshots here. Both backgrounds with number 7 were replaced. Despite this, it is still not displayed correctly.
https://ibb.co/b26tT25 https://ibb.co/H7gpZpTBest Regrads
Hi,
May i know how you setup the localhost url for your project. Is it able to access to the new file that you have updated?
E.g mylocalhost.local/dist/assets/img/cover/cover-7.jpg
Best Regards, Sean.
Yes, it has access. But somehow it still does not work. Strange
Best Regrads
Hi,
What i mean is if you are able to access to the image from web browser via url with the same domain name, it should be able to load on your page. Or you may try to do a hard refresh to clear the browser cache?
You may use the browser console and pointing to the theme panel, you may check the image / background source for the image url.
Best Regards, Sean.
I want to integrate this with Inertia so I don’t need the loading thing when changing the page as Inertia will handle that. Is it possible to do this? Basically, I want the template to be just a regular HTML template where you need to reload the whole page when navigating through other pages, then I will just use Inertia to make it SPA myself.
Hi,
Yeah, you can do so. For your information, the HUD core js file is build from vanilla js.
P.S some of the jquery plugins you are not able to use if you remove the jQuery.
Best Regards, Sean.
@SeanTheme So if I remove jQuery, the template itself still works, right? Like there won’t be any issue with the Theme Customizer and stuff?
It’s just that I won’t be able to use jQuery dependancy plugins like Select2 for example.
Is that correct?
Hi,
Yeah, you are right.
Best Regards, Sean.
@SeanTheme In the Products page, how do you make the table? Is it jQuery DataTables or it’s just a regular HTML table?
Hi,
It is just a regular HTML table.
Best Regards, Sean.
Good day,i bought this template yesterday i m wondering how i can make it functional and i want to ask where i can change code,because when i change on html,it dont want to change on website
Hi,
You may use the HTML code and apply to your api / backend logic for (feed/add/edit/remove data from database) in order to make it work.
Best Regards, Sean.
Do i need to make website online to make it work?And where i can find my apy,sorry i need to ask too much because idk anything about this
Hi,
Normally people do the development on their localhost which is their laptop / desktop first before push it to live. Which means you can setup your localhost development environment to develop your app / website.
Best Regards, Sean.
Feature request:
Can you add a business calculator?
ChatGPT conversation / mic template
Spreadsheet.js
Hi,
Thank you for your comment and feedback. I will put this as consideration for future updates.
Best Regards, Sean.
