197 comments found.
@@include('./partial/theme-panel.html')
then navigation menu is broken, it won’t scroll down. Is there some easy fix for this?
Hi,
You may clear the browser cookie which will fix the issue
OR
add the following code into
FILE: /src/app.js
LINE: 620
CODE:
from
elm.click();
to
if (elm) { elm.click(); }
Best Regards, Sean.
Hi Sean, thank you for a quick reply. Resetting cookies won’t solve the issue. But after changing app.js and then resetting cookie, problem is solved. Thanks again and have a wonderful day!
Hello,
Can you please help me how form validations work in this template?
Do you have any documentation or demo code for form validations?
Hi,
All the form validation styling is exactly same like Bootstrap 5. You should have your own backend to validate the input and have some javascript to append the valid / invalid css class into the form component.
https://getbootstrap.com/docs/5.1/forms/validation/Best Regards, Sean.
Hello from Germany,
I bought the HUD template.
I have two questions:
How to expand the theme panel? When I remove it, the navigation no longer works.
And would it be possible to get the unminified css and js files?
Best regards and thank you in advance for your help!
Hi,
Regarding your question,
1. you may add the active class to the theme panel in order to expand it.
<div class=”app-theme-panel active”>
2. Unminified css and js file can be found via /src/js and /src/scss folder
Best Regards, Sean.
Hi! Many thanks for the answer.
Unfortunately, I can’t find the vendor.css or vendor.sass file under /scr. This file would be very important to me.
Thanks for the help!
Hi,
For your information, vendor.min.css is the combination of 4 plugins css files into one single file.
1. FontAwesome
2. jQuery UI
3. Animate.css
4. Pace Loader
You may search for the folder inside /assets/plugins/ for all those css file.
https://seantheme.com/hud/documentation/index.html#cssBest Regards, Sean.
Hi Sean,
I’m trying to add a loading function to a button using JQuery (here’s the code I’m using: https://stackoverflow.com/questions/70916591/flask-loading-icon-on-page-load).
I’m having the same problem, where the gif doesn’t appear onclick. Is there something blocking the JQuery?
Thanks
Hi,
You shouldn’t use div inside the button tag. Try to use span instead of div.
Best Regards, Sean.
Hm, still doesn’t seem to work even with everything in spans. I’m also using Python Flask – the page works as a normal HTML page, but seems to be influenced by Flask somehow?
Hi,
I have no experience in Python Flask. What i suggest is check the browser console whether there have any javascript error.
Best Regards, Sean.
Hm, no Javascript error either!
Hi,
You may try to edit your css and html code like this.
<style type=”text/css”>
div#loading { display: none; }
.loader {
display: block;
width: 50px;
height: 50px;
margin: 0 auto;
background: url('https://i.giphy.com/3oEjI6SIIHBdRxXI40.gif') center no-repeat;
cursor: wait;}
</style>
Best Regards, Sean.
Doesn’t seem to work – I’ve removed it from Flask and working on pure html and javascript and still nothing :/
Do you have any live / demo site to preview? Or else I can’t help you to debug it.
Sure – here’s my index.html using the Hud’s styling: http://jsfiddle.net/tL4dvgp1/
You’ll see the button on line 109
Seems like you are missing #loading element in your page? I can’t find any element like
Line 109 has the loading div
So the problem is you hide the #content and the #loading element is inside the #content. You should place it outside the div#content.
They’re in separate divs within a button? div#content is on line 112. Basically, I’m trying to replace the content of the button with a bootstrap spinner when the button is clicked.
You may check the LINE 93 which already has the #content. Kindly change the button content id to any other id name which will solve the issue.
IDs were definitely the issue – sorry and thankyou! Long day :’)
Hi,
When I try to create an automatic button with PHP, it creates the button in the table, but the button cannot be clicked. When I open the source and examine it, I can see that it comes as a button. How can i solve this problem?
Hi,
You might need to provide more information like source code / screenshot regarding the issue that you are facing right now. e.g what you expected when click on the button that created by you?
Best Regards, Sean.
this button is not clickable. I want to realize the problem. I am expecting normal click function but it’s not clickable as if the button is deactivated
Hi,
You can’t use the same id for each button. Id should be unique for each button.
Best Regards, Sean.
No it is not about active, inactive, fa-edit button didnt work. Also i used php if so every time one td will return. topic is not about status tags. Here is preview: https://imgur.com/a/IzhqTYT
I found the bug. I added div after table, probably indentation do this. Sorry for taking your time.
Glad to hear that your issue was resolved.
Hi, would you be interested in converting this to a wordpress theme for me? Happy to pay for your time!
Hi,
Thank you for your offer. Unfortunately, I’m not available for any customisation/ freelance right now.
Best Regards, Sean.
hi good day.
I bought the hud html version
Do you have any plans to build on an interactive basis like React, Vue, or Svelte?
Hi,
In future will implement it on other frontend framework like vue, react and angular.
Best Regards, Sean.
Hi There, I appear to have been charged for 2x of this template when i only requested 1x. (HUD – Bootstrap 5 Admin Template)
38869880-6892-42de-8eca-be0ca513e739
Please would i kindly be able to have refund for the other one.
Kind Regards,
Joe Keat
Hi,
You may contact envato support for the payment issue.
P.s previous customer also having this issue and they will do the refund to you as well
Best Regards, Sean.
Thanks Sean!
Hi Sean,
Absolutely love your HUD Bootstrap template!
I just wanted to ask you for some support regarding an autocomplete function I’m adding to an input field. I’m using this code to produce the autocomplete function – https://loopj.com/jquery-tokeninput/
When the input field is inside a card’s body, I can’t seem to select the first suggestion from the dropdown with my cursor (it works when using my arrow keys and pressing enter). When I move the input field outside of a card completely, it works fine with the cursor.
I suspect this is something to do with something in the app.min.css file, as when I remove that call from my html file, it works ok.
Would really appreciate your help.
Thanks!
Hi.
You might need to check the z-index for the plugins dropdown menu.
e.g
<style type=”text/css”>
.token-input-dropdown-facebook {
z-index: 9999 !important;}
</style>
Best Regards, Sean.
Awesome – thanks, Sean!
Hi,
I have a probleme with symfony webpack integration.
I follow your instruction et i receive always the same error : Uncaught ReferenceError: bootstrap is not defined tooltipList app.js:431 handelTooltipPopoverActivation app.js:430 initComponent assets_js_app_min_js.js:684 init app.js:678 js assets_js_app_min_js.js:698 jQuery 12 Webpack 11
Please, can you help me ?
Ludovic
Hi,
Have you include the vendor.min.js as well?
Best Regards, Sean.
in assets/app.js
import ’./css/vendor.min.css’; import ’./css/app.min.css’;
in webpack.config.js
.addEntry('app', './assets/app.js')
.addEntry('jsAppVendor', './assets/js/vendor.min.js')
.addEntry('jsAppMin', './assets/js/app.min.js')In template base (in header)
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{{ encore_entry_script_tags('jsAppVendor') }}
{{ encore_entry_script_tags('jsAppMin') }}{% endblock %}
then yarn watch
Hi,
What is the content inside app.js? As long as you include the app.min.js after vendor.min.js, it should be no problem to run it.
Best Regards, Sean.
i have only
import ’./css/vendor.min.css’; import ’./css/app.min.css’;
app.min.js is after the vendor
Hi,
In that case, you might need to take a look how to use symfony way to include bootstrap, jquery and the app.js.
https://symfony.com/doc/current/frontend/encore/bootstrap.htmlThis template comes with using gulp (which is not symfony) to generate app.min.js (core js which required jQuery & bootstrap)
and vendor.min.js - Pace Loader - jQuery - jQuery UI - Bootstrap - Slimscroll - JavaScript Cookie
Best Regards, Sean.
do i have to import Pace Loader – jQuery – jQuery UI – Bootstrap – Slimscroll – JavaScript Cookie manually ?
Yeah, you might need to import those plugins manually by using yarn.
Is it possible to get this theme running without jQuery?
Hi,
In that case, you might need to convert the app.js jQuery syntax to default javascript.
Best Regards, Sean.
Can you list the jQuery plugins used in the theme?
Hello, I would like to thank you for this theme, finally a dashboard that is out of the ordinary and not a copy of what we currently see everywhere. It’s good to have something fresh. I have a small request would it be possible to have a git inside the project that you distribute? I have currently quite customize the pages and the theme I am close to production for a project however I would like to enjoy the updates that would allow me to know the changes made. thank you in advance
Hi,
Thank your for your comment and feedback. I will try to include the git in next version release.
Best Regards, Sean.
Perfect thank you very much 
Hi there,
Good looking theme, refreshing different look.
Does this theme require jQuery, or just vanilla JS from BS5?
Thanks,
Hi,
Yeah, this theme require jQuery.
Best Regards, Sean.
Hey. Does this have BS4 support?
Hi,
No, this template is for Bootstrap 5 only.
Best Regards, Sean.
Excellent theme. I have a doubt. Why even choosing theme-primary does the navbar cursor turn green after clicking?
Hugs !
Hi,
Can you explain more regarding the navbar cursor?
Best Regards, Sean.
PROFILE Cursor turn green after clicking.
Hugs
Hi,
Yeah, you can add some custom css in order to do so
e.g
.navbar .my-cursor-class:focus {
color: var(--app-theme);
// OR if you are using border color
border-color: var(--app-theme);
}Best Regards, Sean.
I am not sure where to look at disabling the theme panel from expanding. I would like to have it just stay not expanded.
Hi,
You may comment out the cookie expand function in /src/js/app.js LINE: 546
Best Regards, Sean.
Short bug report: the user menu (dropdown on the e-mail-address within header) supports an active-state, but the color does not update with the color-class set on the body tag.
Hi,
You may add the following code to /src/scss/_variables.scss in order to solve the issue.
$dropdown-link-active-bg: var(—bs-theme) !default; $dropdown-link-active-color: var(—bs-theme-color) !default;
Best Regards, Sean.
Thanks for the quick reply. This theme has way to few sales 
Hope you get the success you deserve for your work, it’s great!
Hi, Could you convert this themr in to react js components? how much you charge for that?
Thanks
Hi,
Unfortunately, there have no plan for react version yet.
Best Regards, Sean.
Hi there, a very creative theme. Just have a question. Is it possible to have an easy solution to have a light mode as well as dark mode?
You may define a new class and replace the css variable defined in _root.scss based on the color scheme that you want.
){kind=link}