197 comments found.
Hey, I have been testing this template out for our user portal. Does the template support jquery – I have been trying to set up custom jquery for the toast notifications, yet I simply get “Uncaught ReferenceError: $ is not defined” no matter what I do?
Note that I use your html/css part of the template, not via gulp. This error in console is with either the <script src=”assets/plugins/jquery/dist/jquery.min.js”></script> or the <script src=”assets/js/vendor.min.js”></script> – both return the same.
Hi,
Did you put the jquery code after the script tag for vendor.min.js or jquery?
Best Regards, Sean.
I have tried with just these: <script src=”assets/js/vendor.min.js”></script> <script src=”assets/js/app.min.js”></script>
as well as using these: <script src=”assets/plugins/pace-js/pace.min.js”></script> <script src=”assets/plugins/jquery/dist/jquery.min.js”></script> <script src=”assets/plugins/jquery-ui-dist/jquery-ui.min.js”></script> <script src=”assets/plugins/bootstrap/dist/js/bootstrap.bundle.min.js”></script> <script src=”assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js”></script> <script src=”assets/plugins/js-cookie/src/js.cookie.js”></script> <script src=”assets/js/app.min.js”></script>
Both return the same “Uncaught ReferenceError: $ is not defined”
Hi,
You might need at least to show the full html code / demo site to me via your own server or pastebin. So that i can know what issue you are facing right now.
Best Regards, Sean.
It is fine, I have managed to sort it by adding the <script src=”assets/plugins/jquery/dist/jquery.min.js”></script> to the <head> tag. I assume jquery.min.js must load before any jquery can be used on the page.
Glad to hear that.
Just to add, on your docs, there is an error in code:
<script src=”assets/plugins/js-cookie/src/js.cookie.js”></script>
should be:
<script src=”assets/plugins/js-cookie/dist/js.cookie.js”></script>
I also cannot find:
<script src=”assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js”></script>
Hi,
You should download the latest version of HUD and refer to the latest documentation as well.
https://seantheme.com/hud/documentation/#javascriptBest Regards, Sean.
Hi, Sean
I am building a platform using Outsystems and I would like to know if it is possible to integrate this theme with Outsystems? How can I integrate the theme with the functionalities I am building?
Regards,
Sérgio Resende
Hi,
As long as you include the required css / javascript and change the html structure like page sidebar, header to the HUD html css class / html structure will do.
Best Regards. Sean
Weird, when I try to npm run buid I get 9 errors:
/css-loader/dist/cjs.js??ruleSet1.rules1.oneOf1.use1!./assets/hud-theme/css/vendor.min.css” contains a reference to the file “images/ui-icons_777620_256×240.png”. This file can not be found, please check it for typos or update it if the file got moved.
”./assets/hud-theme/css/vendor.min.css.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js??ruleSet1.rules1.oneOf1.use1!./assets/hud-theme/css/vendor.min.css” contains a reference to the file “images/ui-icons_cc0000_256×240.png”. This file can not be found, please check it for typos or update it if the file got moved.
”./assets/hud-theme/css/vendor.min.css.webpack[javascript/auto]./node_modules/css-loader/dist/cjs.js??ruleSet1.rules1.oneOf1.use1!./assets/hud-theme/css/vendor.min.css” contains a reference to the file “images/ui-icons_777777_256×240.png”. This file can not be found, please check it for typos or update it if the file got moved.
Hi,
Did you follow the documentation to run the required command instead of npm run build? https://seantheme.com/hud/documentation/index.htmlBest Regards, Sean.
Yes, in a simple way – it works … but through WebPAck – it doesn’t work .. Ok, no problem.. Wonderful template.. it’s a Webpack problem, I think
Using your HUD template (love the look!).... I’m having issues with what seems to be layers and accessing links….it’s almost like there are z-index issues…can you help with that? I can send a link and U: ad P: to view… Thanks! Rick
Hi,
If the live site demo is working fine on your side, you might need to check the z-index after your customisation on the template.
p.s you may use the browser console to have a quick check on it.
Best Regards, Sean.
Got it – Thanks for your speedy response!!!
Hello
How are you hope you good and healthy
Excuse me is there any plan to support RTL ?
Hi,
For your information, our template do support RTL and you can turn it on by changing the scss variable $enable-rtl: true;
Best Regards, Sean.
hello, how do I change the background image? Thanks.
Hi,
You may replace the image within the css folder /css/images or create a custom css for body class with your own background-images: url();
Best Regards, Sean.
Hello i have a question i want to make the todo list /scrum_board but how do i need to change it to in prograss or complete and add tasks to a item
Hi,
You might need to have your backend logic to append / remove the css class (e.g badge color, checkbox disabled) for different stat of progress.
Best Regards, Sean.
its more that i miss the frontend buttons to assign it to a users and adding tasks backend is working only missing the frontend buttons per item
Hi,
It is depending on how you design your application work flow and you may add a button element per item for your project requirement.
Best Regards, Sean.
hi congrats for the templates i need edit some things in css but i find only the app.min.css and vendor.min.css file need the one not compressed app.css and vendor.css where i find it? thanks regards
Hi,
Thank you for your comment and feedback. Regarding your question, i suggest you to learn the gulp command to generate the app.min.css from the /src/scss folder.
Best Regards, Sean.
tested different times but not works on my side no idea why
getting
code: 'MODULE_NOT_FOUND',
requireStack: [ '/usr/lib/nodejs/gulp/bin/gulp.js' ]on fresh install tried many times already if possible for you send me unpacked fold already will be really aprecciated on advert.blkcode@gmail.com
thank you
Hi,
Did you run the npm install before running the gulp command?
Make sure nodejs has been installed in your localhost / server.
Best Regards, Sean.
yes everythings is installed and updated to the versions recomended in documentation but nothing still error :/ if can provide unminifyed files will be really appreciated <3
Hi,
Unminified app.css has been send to your email.
Best Regards, Sean.
thank you so much really great support!
Dear Author
How to add more color like yours: app.color.green, app.color.red, etc.
I need add some like these: app.color.brown, app.color.red-dark
Best Regards, Fahmineo
Hi,
You may add the variable to the /src/js/app.js
Best Regards, Sean.
Hi,
Okay I’ll try it..
Thanks
Hello,
I would like to use this theme for my internal application, which manages my other applications. These other applications are used by my customers and I charge them for using them. But that internal application is only for my use. In that case should I buy regular license or extended one..?
Best regards, Rafał
Hi,
For that case, you are only required to buy regular license.
Best Regards, Sean.
Thank you very much. 
You r welcome
Hello Mate,
How to make the background not dark, then all text and other element become dark/black
Regards
Hi,
You might need to configure the css / scss file.
Best Regards, Sean.
Dear Author,
Please add light mode option in next version
Best regards.
Hi,
There is no plan for light mode in future updates as this theme is created based on HUD concept which is the element and text in white color.
Best Regards, Sean.
Okay, thanks..
Hi Again,
How to show App Theme Toggle Button. I need it
Regards
Hi,
You may add the active class to the app-theme-panel
e.gBest Regards, Sean.
Hi,
I need app.css not app.min.css. Can I get it?
Best regards
Because I need to modify the css style.
If it just provide the minify of CSS, so it too difficult for me to do
Hi,
You may edit the scss files in /src folder and regenerate the app.min.css by using gulp command.
Best Regards, Sean.
Okay, I’ll try… Thanks
Hello Author,
Before I purchase this awesome admin theme, I have question:
” Is it compatible with ECharts, here: https://echarts.apache.org/ ?”
Regards
Hi,
As long as you include the required css / js file for echarts, it shouldn’t be a problem to integrate it into the HUD template.
Best Regards, Sean.
Okay…
I just purchased your awesome theme: HUD
Hope you enjoy to use it.
Yes !
Love your dashboard, the best visual design I could find among the existing ones. I am going to add support for React and a light theme. Can I use your customized dashboard for my own commercial product?
Hi,
Yeah, you are able to do so. But if your end product is charge your customer or for sale, you might need to purchase an extended license.
Best Regards, Sean.
Hi, is posible that you implement select2 in the template?
Hi,
Thank you for your comment and feedback. I will add it in next version release.
Best Regards, Sean.
Hi, i’ve been struggling to somehow extract the array of x.axis.categories from a rendered small bar chart. Please help me with how I can get it. It would be great if you could give me a hand.
Hi,
You may try to pass in the labels that you wish to display on xaxis https://www.chartjs.org/docs/latest/general/data-structures.htmlBest Regards, Sean.
Hi, I’m trying to change the map on index from world to us, but i cant seem to figure out what to do, is there any documentation available that guides us on what to edit etc as I’ve found; map : “world_mill_en”, in the jquery script but when i try change that to anything other than what it originally is the map just disappears on the index
Hi,
You might need to check the available map in /assets/plugins/jvectormap-content/
for world map the js file should be world-mill.js / world-merc.js
Best Regards, Sean.
Yes, its world-mill.js, is this where i edit to then show the us map?
Hi,
That is for world map. If you wish to show the us map, you may include the us map in jvectormap-content folder.
https://jvectormap.com/maps/countries/usa/P.s you might need to include the js file first and change the map value.
Best Regards, Sean.
I have done all that, but it does not seem to want to show the map, on the index is this code
now ive tried changing that id from world to us-map, usa-map and america-map but doesnt seem to show anything in the section where the map is placed
also, i noticed that there already was us map js files also within the plugins folder too
< div id=”world-map” class=”jvectormap-without-padding”>< /div>
Sorry, the code i was trying to show you wasn’t loading into the comment
Hi,
What you need to do is include the required js file like /assets/plugins/jvectormap-content/us-mill.js
and change the map option $(’#world-map’).vectorMap({ map: ‘us_mill’ });
Best Regards, Sean.
72f94335-15da-4e17-9129-5117132e8476
Hi,
I need help to install Hud theme, a try to upload file from browser and wordpress show this error:
The page was not displayed because the request entity is too large.
My site is configured to allow large file uploads.
Please quick help.
Thanks.
Hi,
For your information, this template is not for wordpress and you might need to have some programming language to integrate it with some backend programming language in order to use it.
Best Regards, Sean.
Very sad that you didnt make chat page. Only this stop me to buy this template.
Hi,
Thank you for your comment and feedback. I will include it in next version release.
Best Regards, Sean.
