193 comments found.
Hey Sean,
I’m using this as a bug report. The following problem, if you have a main card & in this main card further smaller cards & you then use the feature “Expand/Compress” for the main card. Is there a visual error with the small inner cards. Apparently, I think this has to do with the ‘card-body’ of the small cards. The small cards are then no longer displayed. They are only a few pixels in size.
Greetings Mason
Edit: The map arrow is also a few pixels towards the center (off grid)
Hi,
Can you provide us the code / screenshot so that we can know what issue that you are facing right now.
Best Regards, Sean.
Attached is the screenshot that shows the problem well. This is what it looks like when the main card is expanded. All other cards normally have a completely normal structure. It may be important to mention that this is within the predefined POS.
https://imgur.com/ZLSuVN7I can’t show you the Code, because it’s a little bit to massive.
Greetings Mason
This is what it looks like when I remove the entire ‘card-body’. Then it is folded out again. I hope it’s not due to my stupidity…
https://imgur.com/NkxSz5NHere is the HTML code: (with card-body)
https://imgur.com/lDcK7koHi,
You may try to edit the following scss file.
FILE: /src/scss/ui/_card.scss
LINE: 34
CODE:
from & .card-body {
to
& > .card-body {
Best Regards, Sean.
I am not currently using src/dist in this project. I use the full js/css, so actually ‘dist’
Greetings Mason
Hi,
For that case, you may try to add the following css
body .card.card-expand .card-body { flex: initial; } body .card.card-expand > .card-body { flex: 1; }
Best Regards, Sean.
Thank you. It worked.
From: ’.card.card-expand .card-body { flex: 1 0 0;} To: ’.card.card-expand .card-body { flex: initial;}
Have a nice day sir. I’ll finish the review too.
Greetings Mason
Hi Mason,
Thank you for your feedback, and I’m glad it worked! Your support is our motivation to keep moving forward.
Best Regards, Sean
Hello Sir. I purchased this theme using a friend’s email. And now there are some new updates i would love to access them. I have my purchase code i could share at will. Kindly Advise.
Hi,
Unfortunately you might need to have the account that used to purchase the template in order to download the latest version of template.
Best Regards, Sean.
Hey Sean, is there documentation on how to use and configure the Masonry cards? thanks.
Hi,
You may refer to their official documentation for more information.
https://masonry.desandro.com/Best Regards, Sean.
I bought this template and have been working on it for more than a year Is it possible to make a mini sidebar in the next versions
Hi,
Thank you for your comment and feedback. We will take it as todolist in our future updates.
Best Regards, Sean.
Hi, I bought the HUB template and in the documentation there is the version for angular but in the file we downloaded we do not find the angular template
Hi,
For your information, the HTML version and angular version is different version. Can you share to us which documentation for HTML version shows there has a angular version?
Best Regards, Sean.
94c43846-b3d4-4cd7-abe9-3e18d130ba54
I would like to run it in my windows offline, is it possible or i have to install on a server ? How can i open the html files and see the imagens and layout , not the data listed as a text plain file?
Hi,
You can just open the html files in the dist folder will do.
Best Regards, Sean.
Ok, and 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
I’m very sorry that I found that I purchased the wrong template. I originally wanted to purchase the angular template product, but I purchased this product by mistake. How do I switch to the angular version of the product or get a refund and buy it again?
Hi,
No worries at all! Your refund request has been approved.
We’d really appreciate it if you could take a moment to give us a support rating. Thank you for your understanding, and we’re here to help if you need anything else!
Best Regards, Sean.
hello
yes i include the required css, js file and init function. when i put the date, time code to the html body section, it works. however when i move the date, time code to and i click the date, time, nothing apeared.
Hi,
Can you show us the code so that we can help you investigate the code. You can paste the code to pastebin and share the link here.
Best Regards, Sean.
i want to use form plugins(datepicker, timepicker) at modal but it’s not working. when i move the code to main page, it works is it impossible?
Hi,
Did you include the required css, js file and run the init function?
Best Regsrds, Sean.
Hi Friend, I made a mistake buying the incorrect template, I need the angular theme (I bougth the HTML template Q: ), it’s is possible to get a refund to buy it?, or maybe change the item?, or better send it directly to me?, thanks!
Hi,
You may submit a refund request after you purchase the Angular Theme and we will approve the refund request.
Best Regards, Sean.
I’ve converted this project over to a React project to make building upon it easier, but somehow in doing so the sidebar has lost its expandable/collapsible state. Any ideas on how to fix this/what might be causing it? Quite literally everything else has converted over properly
Hi,
You might need to have the JavaScript to expand / collapse the current clicked element and collapse other same level nav element. This javascript can be found via /src/app.js
Best Regards, Sean.
Hey there.
FYI.
The text color and the background color for the chart node hovers on this page are the same, making the text unreadable.
https://preview.themeforest.net/item/hud-bootstrap-5-admin-template/full_screen_preview/34000752Hi,
We have tested on dashboard, chart.js and apexchart, all the pages is working fine in both dark / light mode.
Can you screenshot the issue that you have encountered on your side?
Best Regards, Sean.
Thank you for replying so quickly.
Appreciate the beautiful template and the detailed work that went into making it that way.
Apologies, the URL I gave just leads to index.html.
This URL leads to the Analytics page and the charts/graphs in question.
https://seantheme.com/hud/analytics.htmlUnfortunately, I don’t see a way to include a screenshot in these comments. However, the issue is consistent across all three major browsers: Chrome, Firefox, and Edge.
Hi,
Thank you for your comment and report. We have fixed the issue and released a new version for this issue. Kindly download the latest version from Themeforest user control panel will fix the issue.
Best Regards, Sean.
You are welcome! Tested and works great.
Thank you for the quick turnaround!
Here are a few more that I noticed. Confirmed in current versions of Chrome, Firefox, and Edge.
BTW, if there are only these minor issues remaining, that is actually REALLY good, in my experience. Wish I could say the same for my own projects…
- jvectormap.com URL seems to no longer be viable. Resource references are returning errors. Looks like they may have been acquired by Vercel (https://jvm-docs.vercel.app/)
- Dashboard cards “full-screen mode” toggle feature in upper right corners is really cool! But the strong convention and accessibility feature of the ESC key to dismiss “fullscreen mode” mode is not working or not implemented.
- Dashboard TRAFFIC ANALYTICS card datatable in the bottom right corner seems to be missing in “fullscreen mode” and the map hover text in “fullscreen mode” appear behind the vector map.
Hi,
Thank you for your comment and feedback. We will put this into our todolist in next version release.
Best Regards, Sean.
Can’t I get a selected values from multiple selectpicker? <select class=”selectpicker form-control default” id=”select_team” multiple>
$(’#select_team’).picker(‘get’); this code is work only without “multiple” option
Hi,
No. This code is work with the multiple selectpicker as well. You will get the list of array for multiple picker.
Best Regards, Sean.
Hi,
You may use jquery to get the checked column.
e.g
var selectedList = $(‘input[type=”checkbox”]:checked’);
$(selectedList).each(function() { console.log(this); });
p.s you may use vanilla js to get the selected elm value as well.
Best Regards, Sean.
I’m using selectpicker code : html : <select class=”selectpicker form-control default” id=”select_team” multiple> jquery : $(’#select_team’).picker();
in this case, i want to get a selected values from select_team.
i’m using this code to get selected values but nothing return var selectedTeams = $(’#select_team’).val();
please let me know, how to get selected values.
best regards
Hi,
For selectpicker, you might need to use their api to get the selected values.
e.g $(’#select_team’).picker(‘get’);
p.s you may refer to their official documentation as well. https://picker.uhlir.dev/#documentationBest Regards, Sean.
Can you make this template RTL ?
Hi,
This template is rtl ready. You may turn it on by changing the scss variables $enable-rtl: true from /src/_variables.scss
Best Regards, Sean.
i was enable it and the sidebar still in in same position left
Hi,
Did you run the gulp command to generate the new app.min.css?
Best Regards, Sean.
[15:09:37] Local modules not found in ~/Downloads/hud_admin_v2.4/template_html when i write gulp css
Hi,
Make sure you have run the npm install before you run gulp command.
Best Regards, Sean.
inside src or dist ?
in the root folder Run `npm audit` for details. admin@admins-MacBook-Pro template_html % gulp css [15:20:41] Using gulpfile ~/Downloads/hud_admin_v2.4/template_html/gulpfile.js [15:20:41] Task never defined: css To list available tasks, try running: gulp—tasks admin@admins-MacBook-Pro template_html % gulp [15:20:54] Using gulpfile ~/Downloads/hud_admin_v2.4/template_html/gulpfile.js [15:20:54] Starting ‘default’... [15:20:54] Starting ‘html’... [15:20:54] Starting ‘css-vendor’... [15:20:54] Starting ‘css-app’... [15:20:54] Starting ‘css-img’... [15:20:54] Starting ‘js-vendor’... [15:20:54] Starting ‘js-app’... [15:20:54] Starting ‘js-demo’... [15:20:54] Starting ‘img’... [15:20:54] Starting ‘data’... [15:20:54] Starting ‘fonts’... [15:20:54] Starting ‘watch’... [15:20:54] Starting ‘webserver’... [15:20:55] Starting server… [15:20:55] HUD ADMIN started http://localhost:8000 [15:20:55] LiveReload started on port 35729 [15:20:55] Running server (node:23434) [DEP0180] DeprecationWarning: fs.Stats constructor is deprecated. (Use `node—trace-deprecation …` to show where the warning was created) [15:20:55] ‘css-vendor’ errored after 683 ms [15:20:55] RangeError: Maximum call stack size exceeded at Stats.set [as ctime] (node:internal/fs/utils:495:18) at Stats.set [as ctime] (node:internal/fs/utils:495:18) at Stats.set [as ctime] (node:internal/fs/utils:495:18) at Stats.set [as ctime] (node:internal/fs/utils:495:18) at Stats.set [as ctime] (node:internal/fs/utils:495:18) at Stats.set [as ctime] (node:internal/fs/utils:495:18) at Stats.set [as ctime] (node:internal/fs/utils:495:18) at Stats.set [as ctime] (node:internal/fs/utils:495:18) at Stats.set [as ctime] (node:internal/fs/utils:495:18) at Stats.set [as ctime] (node:internal/fs/utils:495:18) [15:20:55] ‘default’ errored after 689 ms admin@admins-MacBook-Pro template_html %
i was do this and the sidebar still in left
Hi,
You might need to cd into the /src folder and run the command inside the /src folder.
Best Regards, Sean.
admin@admins-MacBook-Pro src % gulp css [15:35:37] Working directory changed to ~/Downloads/hud_admin_v2.4/template_html [15:35:38] Using gulpfile ~/Downloads/hud_admin_v2.4/template_html/gulpfile.js [15:35:38] Task never defined: css To list available tasks, try running: gulp—tasks admin@admins-MacBook-Pro src %
Hi,
Now you may try whether the sidebar position has been changed or not. Make sure the variable has been changed in order to enable rtl.
Best Regards, Sean.
i was change RTL var from scss/_variables.scss and update value to true , and i was go to root folder as you documentation write , and i was install npm but the app.min.css dose not change for any value , and the command told css is not a defined task and i was try gulp css-app and same problem still not change. so what i have to do ?
Hi,
Sorry for the mistake, you should cd into template_html and run the npm install command. After that you should be able to run the gulp command or gulp css command.
Best Regards, Sean.
i was do same what are you say , can you give me download link for RTL app.min.css was rendered from your side
Hi,
We have tested and the RTL version is definitely working fine on our side. https://ibb.co/4Y38yVQYou can contact us via the support email in your downloaded documentation.
Best Regards, Sean.
can you send me app.min.css RTL download link i will replace it in my project
Hi,
We have send you the rtl version of app.min.css.
Best Regards, Sean.
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.
