197 comments found.
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.
Hi,
For your information, React Version is different than the HTML version. If you wish to have the react version, you might need to purchase the template from https://themeforest.net/item/hud-react-18-bootstrap-admin-template/42252040Best Regards, Sean.
Hello! What are the changes in the latest update? I want to edit my project
Hi,
You may refer to the change log page https://seantheme.com/hud/documentation/change_log.htmlp.s basically you just need to replace the app.min.js and app.min.css will do
Best Regards, Sean.
Thank you, but I changed the scss files for my project and generate custom app.min.css file
Hi,
For that case, you might need to refer the _variables.scss and _variables-dark.scss if you wish to upgrade to latest version of Bootstrap 5. This is because Bootstrap 5.3 will having the default dark mode support by adding data-bs-mode=“dark” to the component / page.
Best Regards, Sean.
Hi I want to remove Jquery UI to make vendor.js lightweight. May I know which component or pages used those library at js-vendor task? TIA.
‘node_modules/pace-js/pace.min.js’ ‘node_modules/jquery/dist/jquery.min.js’ ‘node_modules/jquery-ui-dist/jquery-ui.min.js’ ‘node_modules/perfect-scrollbar/dist/perfect-scrollbar.min.js’
Hi,
By default, there is no component / pages used jquery ui. You may remove it from gulpfile.js and recompile the new app.min.js without jquery ui.
Best Regards, Sean.
deleted
deleted
Just a quick little question. I’m using your excellent theme to create an admin backend for my website, and I’m having issues with getting form controls to respond.
If you could take a look, it’s located at https://wendydev.myndworx.com.au:4443/admin/ , and the login is admin/yourpassword. The issue is the two controls that I have placed, two radio buttons and one select box on the settings page. Clicking on the radio buttons or the select box elicits no response at all and no errors either.
Can you take a look and tell me why it works on your demo but not in real life?
Hi,
You put the .card-arrow inside the list-group. Kindly move it out of the list-group will solve the issue.
Best Regards, Sean.
Thank you for the prompt reponse, that fixed it. Love the theme very much!
Glad to hear that your issue was resolved.
Best Regards, Sean.
Hello, i have purchased your HUD template on WrapBootstrap some time ago, is there any way i can still benefit from the recent updates? I see it is no longer available on wrapboostrap. Thank you so much
Hi,
For your information, HUD is now selling exclusively in themeforest. You are still able to download the previous version from there.
Best Regards, Sean.
Hi, thank you so much for this worderful template !
But I would like to know if you have a no-gulp version of it ?
Hi,
Unfortunately, we only have the gulp version for the HTML version right now. If you wish to use the pure html and css, you may use the file inside the /dist in your downloaded folder.
p.s for other version like Vue.js, React.js, Angular.js, you may view it via https://themeforest.net/user/seantheme/portfolioBest Regards, Sean.
Hello! I like HUD theme, thank you! I have a question: – I don’t know much about scss, I can’t find an attribute for the class ”.page-link” in the scss files. For example: https://imgur.com/1UyVyaG.png There are mentions only in 2 files – https://imgur.com/58WAiJg.png
How can I find and edit this class?
Thank you!
Hi,
Unfortunately, i can’t view the image that you are sharing. It shows error 403 on the site. For your information, there is no .page-link has been defined for the default bootstrap / HUD css. If you wish to add the class, you may add it to your custom css file.
Best Regards, Sean.
Hello Sean,
I purchased this item two months back and, I am in love with the design. Appreciate the effort you guys put this into. I happy with all the stiffs, but I want to change the dark and light theme as below design(one of yours). Present light theme is not not that great for me. Please guide me how to change the theme color and fonts(if needed).
https://themeforest.net/item/aspstudio-net-core-31-mvc-bootstrap-4-admin-template/26633718Hi,
You may read the documentation for how to enable the dark mode and change the theme color.
https://seantheme.com/asp-studio/documentation/index_asp.html#themeColorFor font family, you may include your font and set the scss font variable name to your own variable name.
Best Regards, Sean.
Hi Sean, Thanks for the reply, I am okay with dark mode color, want to change light mode color. look forward to hear back from you.
Hi,
You may refer here for the light mode.
https://seantheme.com/hud/documentation/#lightModeBest Regards, Sean.
Hi Sean, Just wanted to bring it to your notice that we can’t see message content in mobile view. How can I fix this?
Hi,
You might need to at least show me some screenshot / source code that you have integrate so that i know what issue you are facing right now.
Best Regards, Sean.
Sean,
You can check page_mesenger page wherein you can see the messages in right side panel in desktop view, but not on mobile view or tablet where the page is not appearing. How can I send the screenshot?
Hi,
Did you tried to click at the messenger message list in mobile / tablet view?
Best Regards, Sean.
Yes, but no luck, it doesn’t work… I can see messenger list but no messages on right side panel .
Hi,
Make sure you are not directly open the .html files inside the dist folder. You might need to run it on localhost / hosted server for messenger page to work.
Best Regards, Sean.
Yes, I am using it on django server, this part doesn’t show up on mobile view. I can see on desktop view.
Hi,
Like what i have mentioned in previous comment, you need to click on the message list in mobile view, then only can see the message details. e.g https://ibb.co/1Mkkjw5p.s you can share the screenshot by uploading the image to the sites like https://imgbb.com/ and share the link here.
Best Regards, Sean.
I did it, but no result, I will send screenshot soon.
Hi,
You may try your mobile view from our demo site https://seantheme.com/hud/page_messenger.htmlif the demo site is working fine on your mobile device, double check your page whether include the required css / javascript or not.
p.s you might need to provide us the mobile browser that you are using right now.
Best Regards, Sean.
page_messenger.html:1 Access to script at ‘file:///F:/updated%20version%20of%20HUD/themeforest-7N3lzWom-hud-bootstrap-5-admin-template/hud_admin_v2.2/template_html/dist/assets/js/demo/page-messenger.demo.js’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.
assets/js/demo/page-messenger.demo.js:1 Failed to load resource: net::ERR_FAILED
I could see it on your demo site… perfect, can you check above error message that I posted? And, thanks for your prompt replies.
Hi,
From the error message that you have show, you are not running this file in your localhost / server. Please do not directly double click and open the messenger.html file in your browser and make sure running in hosted server / localhost server.
Best Regards, Sean.
I did that too, and getting errors, here it is from django server.
DevTools failed to load source map: Could not load content for chrome-extension://gighmmpiobklfepjocnamgkkbiglidom/browser-polyfill.js.map: System error: net::ERR_FILE_NOT_FOUND
Hi,
Can you share the screenshot from your browser with browser console (error message) so that i can know what issue you are facing right now.
Best Regards, Sean.
Hi,
First of all, from the image that you have share, can you share me the HTML that you have change on your side? It seems like the code has been break due to your customisation. The html code can be share via https://pastebin.com/Best Regards, Sean.
Let me check the code and I will see if it’s broken due to customization.
Alright
Hello, I will send the messenger code later that we discussed earlier. I have just come across this frontend which I am interested in, only e-commerce part, can I get only e-commerce part as you didn’t add e-commerce part in HUD admin. https://seantheme.com/color-admin/frontend/e-commerce/ , what would this cost?
Hi,
Unfortunately, this consider as customisation and I’m not available for any customisation right now.
Best Regards, Sean.
Good afternoon. I would like to know if I can get the html version for a smaller project? Of course, [ SeanTheme link ] and [ themeforest link ] will also be highlighted.
Hi,
Yeah, you may purchase the HTML version for your own project.
Best Regards, Sean.
Thank you
I sent you an email to the following email address -> support@seantheme.com
Hi,
For your information, we are not offering any free template right now.
Best Regards, Sean.
The cards in the Scrum Board do not seem to be able to drag and drop to other columns. Am I missing something? That’s basic functionality of a scrum board.
Hi,
The default demo page for scrum board doesn’t include any drag and drop features. You may include it by using the draggable feature from jquery ui as well.
Best Regards, Sean.
Is the time input a supported input? form-control destroys it so i am curious if there is another class for that input. An example is:
https://imgur.com/a/nBPoRN7Hi,
It should be no problem to use the time input with form-control class
<input type=”time” class=”form-control” />
https://imgur.com/a/erldOv4Best Regards, Sean.
I see, the display: inline is what breaks it however not using it forces it to a new line so that kinda is an issue. Edit: inline block works instead so all good. Thanks!
Glad to hear that your issue was resolved.
Hello. I am JS who purchased your theme a few days ago. Before asking a question, I really thank for your gorgeous product. It is really nice.
Since when i tried to use “datatable Plugin”, I’ve got an warning pop up message like, “DataTables warning: table id=datatableDefault – Cannot reinitialise DataTable. For more information about this error, please see http://datatables.net/tn/3"
Could you advise me how to handle this problem?
sincerely, JS
Hi,
Can you share me the html / js that you used to init the datatable plugins?
Best Regards, Sean,
The select class (form-select) seems to not have any support for optgroup. The labels are all white which matches the select background color so none of the optgroup labels are seen & the bootstrap class selectpicker is also not supported. Do you have a working example of one somewhere i can reference the classes on as the one on the form elements page is just a standard select and not an optgroup select.
Hi,
I have tested the default .form-select class in safari, firefox and chrome and it is working fine on my side. Can you share which browser you are using right now and screenshot regarding your issue?
For selectpicker, it only support the normal select options rather than the optgroup.
p.s all the available form class can be found via bootstrap official documentation https://getbootstrap.com/docs/5.3/forms/form-control/Best Regards, Sean.
Chrome 112.0.5615.121 & https://imgur.com/a/UsN2ufN
Hi,
For that case, you may try the following css style for the quick fix.
e.g
<style type=”text/css”> .form-select optgroup { color: #000; } </style>
Best Regards, Sean.
Thanks for this. What i ended up doing (might help you in the future) was
[data-bs-theme=”dark”] .form-select optgroup { color: #000; }
[data-bs-theme=”dark”] .form-select[multiple] optgroup { color: #FFF; }
Glad to hear that you issue was resolved.
Hello, I have a json file for the search but trying to figure out how the Search works. I don’t see any files associated with it.
Hi,
You might need to have your own javascript / backend system in order to handle the search feature.
Best Regards, Sean.
