193 comments found.
I wanted to buy hud-react, but i got this bootstrap-admin. what did i do wrong? i really needed the react version… i cant understand.
Hi,
You may repurchase the react template and submit the refund request.
Best Regards, Sean.
Hi
I want to buy your therme, however I have some questions before purchase:
1) we are planning to build a POS on PHP, hence need HTML, CSS, JS files for design and theme, please confirm if these are included and suitable for us ?
2) can the font be changed by us later
3) is this USD$39 a one time cost ?
Regards
Faiz
Hi,
Regarding your question,
1. Yeah, all the HTML, CSS and JS file has been included in our template. You definitely can include it in your php framework.
2. Yeah, you are able to do so.
3. Yeah, and you are able to enjoy life time update without purchasing again our template.
Best Regards, Sean.
Hey, it’s been awhile since I commented here. Just want so say that this is still by far the absolute best looking template on the market today bar none. Well worth the price of admission.
Hi,
Thank you so much for your kind comment and feedback! Your recognition is what keeps us motivated to continue improving and updating the template.
Best Regards, Sean
Rare for designers/devs to go beyond framework “happy paths”. Detail == quality. People can tell and your template stands out all day. Not even close.
Users be like, “I don’t care what that app does, I want to use it!” lol
In your demo (https://seantheme.com/hud-react/dashboard), in “Expanded” <body class=”card-expand”> state, map tooltips need adjusting to at least {z-index: 1120;} or higher.
This one-liner works for me.
.card-expand .jvm-tooltip.active {z-index: 1120;}
BTW, the AI section desktop and responsive layout design looks and behaves great. The logical-properties do as well. Had already implemented the same way on my iteration.
Thanks again, and keep up the great work (especially for this banger of a template)!
Hi,
Thanks a lot for the kind words and detailed feedback! Really appreciate you catching that.
We’ll include the tooltip z-index fix in our next version release. Glad to hear you liked the AI section layout too!
Best Regards, Sean.
Dear HUD – Bootstrap 5 Admin Template Team, I have just bought your template and start integrating your template into my project I don’t use the content card (just moved it into a seperated view). It showed some errors in the browser’s console: Uncaught (in promise) Error: Element not found value apexcharts.min.js:38 value apexcharts.min.js:38 handleRenderChart dashboard.demo.js:259 <anonymous> dashboard.demo.js:334 jQuery 13
I tried to exclude the 2 js files in my layout including the apexcharts.min.js and the dashboard.demo.js, and the errors disappeared However, the loading icon keeps spinning on the top right conner of the layout I just want a simple layout before using necessary components Could you please tell me how to fix that Many thanks
Hi,
If you are using the project on .NET core project. you might need to make sure the following code has been included before the vendor.min.js in your project.
https://pastebin.com/aacP1DizBest Regards, Sean.
I use the newset Hud Theme I like to integrate Nuxt 4. But I got a lot of Sass error. Do you know what I can to?
Hi,
You might need to install the sass that support the latest version of Bootstrap 5 which is 1.77.7.
Best Regards, Sean.
How can I run this template in local computer? Sorry. I can run now.
Hi,
You may refer to our documentation by running the gulp command in order to start this template in your localhost.
https://seantheme.com/hud/documentation/#installationBest Regards, Sean.
hello sean, i hope all is well,
up until this point, i have been using the 3.1 version and have experienced no problems. however, i have downloaded the 4.0 version and i am experiencing problems with all pages that include dataTables and apexcharts. when i open files/pages from the prebuilt dist directory that you have provided, all of the tables and charts work fine. however, if i delete the dist directory and rebuilt the dist directory by:
1. npm install – to freshen everything up for the requirements of the new template version
2. gulp (with gulp 5.0)
then all tables and charts stop functioning; all other parts of said pages work fine. i would like to mention that i am doing this built without having made any changes to any files, not even the gulpfile.js.
please let me know what you suggest.
Hi,
You might need to run the command of ‘gulp plugins’ in order to generate the plugins folder within the assets folder.
Best Regards, Sean.
running ‘gulp plugins’ on the initial build solved the problem. sorry for missing something that is clearly outlined in the documentation.
i suppose i overlooked it because “gulp plugins” was included in the gulpfile.js file in version 3.1, but was omitted in version 4.0.
i understand why it was omitted as it is unnecessary overhead to run gulp plugins on each build during the users development workflow.
thank you for your support, chad
Hello,
Before asking my question I would like to express my admiration of the HUD Admin template. I searched far and wide before choosing a theme for my current project, and this one proved to be superior by far.
At the moment, I am working on the “page_date_management” page. I would like to customize the column widths of the table. I have tried various methods, but none of them have proven successful. I searched through all of the src files and found no variable that sets column widths. Could you please let me know how to adjust the width of the columns in the table?
Here is a simple example of what I would like to do; set the width to 30px for columns 1 – 3.
| No. | Category | Item Name | Status | Stock | Price | Cost /unit | 07/2025 | 08/2025 | 09/2025 | 10/2025 | 11/2025 | 12/2025 | Total Sales | Total Cost | Total Profit |
|---|
Hi,
Thank you for your comment and feedback. Regarding your question, you may add a span with the css class for the span container inside the table header with w-30px and d-block will solve your issue.
e.g
https://pastebin.com/CCvcpmzkBest Regards, Sean.
Hi Sean,
Thank you for the quick response. I notice that when I add a span with the css class for the span container inside the table header in the original file from the template, it alters the column width as expected.
However, when I try to implement the same span in my page/file, it does not work. Perhaps this is because of the changes I have made to the file. What are the changes I have made to the file? I changed the extension to php, included a php block before the html, made a call to a db, added php in the body, added filters for each column in the footer. Please note the file with the changes I have made:
e.g
https://paste.centos.org/view/078cbcafPlease let me know if you think any of these changes is the cause of the column width not adjusting, or it stems from somewhere else.
Thank you, Chad
Hi,
Hi, we’ve reviewed your code and noticed that the width is set to 5px. This causes the text to overflow while still maintaining the element’s minimum width, which is why the width appears unchanged. You can try setting the width to w-100px and test again.”
Best Regards, Sean.
Hi Sean,
Thank you for the quick response. Upon further investigation, I discovered that what is restricting column width modification is the javascript search filters that I put in the footer. Directly adding e.g, “style=”width 30px;” on footer header lines modifies the width of the entire column successfully.
Regards, Chad
correction: style=”width: 30px;”
Hi,
Glad to hear that your issue was resolved.
Best Regards, Sean.
Do you intend to release it in vite in the future ?
Hi,
We already have the vue3 + vite version and do not have plan to create a react + vite version at this moment.
Best Regards, Sean.
Can I convert it to vite .. And will I have problems with that
Hi,
As long as you’re familiar with your framework, converting the HTML version to your preferred setup, such as Vite, shouldn’t be a problem. It ultimately depends on your skill level and understanding of both environments.
Best Regards, Sean.
In React, can it be done with vite instead of cra in the future ؟
Hi,
Yes, in the future (and even now), React projects can be created with Vite instead of Create React App (CRA). In fact, Vite has been gaining popularity due to its superior performance, faster build times, and modern architecture compared to CRA.
Best Regards, Sean.
Hello, Great template but I’m having an issue with the card corners making anchors not work. I have two example videos, one with the card corners and one with the corners removed. You can see in the video that with the card corners I am unable to click on an anchor link. Having a dashboard without being able to hyperlink the dashboard content would be a pretty major issue. Help would be appreciated! With Corners: https://u.pcloud.link/publink/show?code=XZNIf05ZAw1i96kKJdfjtLkpwHFCCR2LkYXV
Without Corners: https://u.pcloud.link/publink/show?code=XZaIf05ZiUfxCFlS64XL8QVo3FxihfTSUjIy
Thank you!
Hi,
For your information, you might need to wrap your card content with the card-body class or some div with position: relative css styling.
Best Regards, Sean.
Hey bud – I purchased the html by mistake, I needed the Laravel. I purchased the Laravel too, so we’re all good but if you could, it would be great if I could get a refund for the html? Appreciate it’s my fault so apologise for being a pain. Thanks again mate and LOVE the theme!
Hi,
No worries at all! Thanks for reaching out and I’m glad to hear you love the theme. To process the refund for the HTML purchase, could you please submit a refund request through our system? Once we receive it, we’ll take care of it promptly.
Appreciate your understanding, and thanks again for your support!
Best Regards, Sean.
94c43846-b3d4-4cd7-abe9-3e18d130ba54
I would like to deactivate some cities in the dashboard map and highlight another cities . How can i do that ? editing the css file ? where
Hi,
In order to change the map settings you might need to change the javascript configuration. You may refer to their official documentation. https://www.npmjs.com/package/jvectormap-nextBest Regards, Sean.
94c43846-b3d4-4cd7-abe9-3e18d130ba54
I could not find where to make the display mode panel start hidden instead of opened.
Display Mode <!
Dark
Light
<!Hi,
Can you elaborate more regarding your issue?
Best Regards, Sean.
I would like to start the page with the display panel hidden instead of opened… the oposite as it is today, i need to hide it , i would like to show it only if i click to open
Hi,
If you are talking about app-theme-panel, you may remove the active class from the app-theme-panel.
Best Regards, Sean.
I would like to change the dashboard map locations, how can i do that ? editing the css ?
Hi,
In order to change the map settings you might need to change the javascript configuration. You may refer to their official documentation. https://www.npmjs.com/package/jvectormap-nextBest Regards, Sean.
I would like to set the display settings tab hidden as default , how can i change that ?
Hi,
You can just remove the show css class from the tab content will do.
Best Regards, Sean.
How can i change the color of the dashboard menu links, i want to invert from gray to white instead of white mouseouver , gray mouseover . Where i can find it in the css file ? which line, name ? Please send a printscreen showing to marciogandrabh@gmail.com thank you.
Hi,
If you are referring to the sidebar menu links, you can change the following SCSS variables:
FILE: /src/scss/_variables.scss
LINE: 505
and
FILE: /src/scss/_variables-dark.scss
LINE: 176
After making these changes, don’t forget to run the gulp command to compile the new app.min.css file.
Best regards, Sean
hello
Sorry not sure if its just me but I can find the code for the theme panel so that I can change it so it doesn’t open when you reload the page
Hi,
You may comment out the following code to disable the theme panel expand cookie feature.
FILE: /src/js/app.js
LINE: 665
CODE: elm.click();
and re-run the gulp command to regenerate the new app.min.js
Best Regards, Sean.
When will the next version be published
Which I hope has a mini sidebar ?
Hi,
The next version is still under development. We appreciate your patience and encourage you to stay tuned for updates. We hope to share more details, including features like a mini sidebar, soon!
Best Regards, Sean.
