Discussion on HUD - Bootstrap 5 Admin Template

Discussion on HUD - Bootstrap 5 Admin Template

Cart 1,921 sales
Well Documented

SeanTheme supports this item

Supported

This author's response time can be up to 1 business day.

197 comments found.

datatable dropdown list is blank white. Can you modify that css?

Hi,

You may apply the css class h-100 to the card container. It will make the card same height in a row.

Best Regards, Sean.

Hi, what is the trick you did that when you click ‘expand’. the chart will be expanded at full height?

Hi Elwyntoh,

A “resize” event has been fired after click the expand button. e.g $(window).trigger(‘resize’);

Best Regards, Sean.

good night, I purchased the product, but I can’t open the file as shown in the demo. what procedure should I do? thanks

Hi,

Have you try the file from dist folder?

Best Regards, Sean.

thank you, everything ok

Glad to hear that the issue was resolved.

table_plugins.html (Show N entries) select box no colour.

Hi,

You may add the following code to the scss file which will solve the issue.

ADD FILE: /src/ui/_form-select.scss CODE: .form-select { & option { color: $black; } }

ADD TO: /src/_ui.scss CODE: @import ‘ui/_form-select.scss’;

Best Regards, Sean.

Wow, FINALLY something unique. I hope you get tons of sales on this one!

Hi Syndix,

Thanks : )

Best Regards, Sean.

Its awesome! Good job. I’ll waiting for next updates to buy this template.

Hi Hancilarpoyraz,

Glad to hear that.

Best Regards, Sean.

Hi, Nice work. Great UI. I want to change the default theme from the green to the blue (theme-primary) but I can’t seem to make it work. Can you tell me how to set the default theme to the primary? thanks!

Hi Mrosentr,

You just need to add the theme-primary to the body tag, and remove the theme panel will do.

Best Regards, Sean.

Hi Sean, yes I tried that but it didn’t work? Thanks for quick reply!

</head> <body class=”theme-primary”> <!- BEGIN #app ->

Hi Mrosentr,

You may try to clear the cookie and the issue should be fixed.

Best Regards, Sean.

Hi i want to install but not ui not loading properly please guide us how to install

This is the installed url

http://mypalmpetronas.airei.net/hud_admin_v1.1/template_html/src/html/

Hi Aireisdnbhd,

For your information, you might need to use the file inside the /dist folder but not /src folder.

Best Regards, Sean.

On the combo box list, I’m going to make a component that includes a check box.

I wonder if there is a sample that can be configured like this.

Hi Youngsea,

Unfortunately, there have no example for the dropdown list with check box.

Best Regards, Sean.

Hey,

First – great job on the theme, I love it!

Was hoping I could get some advice, I’m utilizing this theme with Blazor (.NET 6) with bootstrap, all is working fine except one tiny bit and I was hoping you could point to where the “magic” happens so I can investigate what I screwed up.

In the card class there is a border around the cards (that shows correctly) however at each of the corners of the border in the live samples its a tad thicker (i.e just the corner), on my blazor integrated project it shows the borders but the corners are completely missing.

How are the corners added, is it some JS or CSS class maybe I’m missing it somewhere.

Thanks for any assistance you can give.

Hi Buzzlove,

You might need to add the arrow element within the card container.

<div class="card-arrow">
  <div class="card-arrow-top-left"></div>
  <div class="card-arrow-top-right"></div>
  <div class="card-arrow-bottom-left"></div>
  <div class="card-arrow-bottom-right"></div>
</div>

You may refer from here as well.

https://seantheme.com/hud/ui_card.html

Best Regards, Sean.

Can the current HUD support react projects? If support is available, ask how to do it or have documentation

Hi Youngsea,

This template is HTML version only. If you wish to implement into your react projects, you might need to slice it into different component (header, sidebar, content) and include the required css / js.

Best Regards, Sean.

./src/styles.scss – Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Expected identifier. ╷ 6 │ .opacity-1.5{ │ ^ ╵ src/@theme/scss/mixins/_helper-opacity.scss 6:14 helper-opacity() src/@theme/scss/_helper.scss 108:1 @import src/@theme/scss/styles.scss 11:9 @import src/styles.scss 2:9 root stylesheet at processResult (/Users/iskiridomov/Projects/tmp/ng-hud/node_modules/webpack/lib/NormalModule.js:713:19) at /Users/iskiridomov/Projects/tmp/ng-hud/node_modules/webpack/lib/NormalModule.js:819:5 at /Users/iskiridomov/Projects/tmp/ng-hud/node_modules/loader-runner/lib/LoaderRunner.js:399:11 at /Users/iskiridomov/Projects/tmp/ng-hud/node_modules/loader-runner/lib/LoaderRunner.js:251:18 at context.callback (/Users/iskiridomov/Projects/tmp/ng-hud/node_modules/loader-runner/lib/LoaderRunner.js:124:13) at Object.callback (/Users/iskiridomov/Projects/tmp/ng-hud/node_modules/sass-loader/dist/index.js:54:7) at Worker.<anonymous> (/Users/iskiridomov/Projects/tmp/ng-hud/node_modules/@angular-devkit/build-angular/src/sass/sass-service.js:134:25) at Worker.emit (events.js:375:28) at MessagePort.<anonymous> (internal/worker.js:216:53) at MessagePort.[nodejs.internal.kHybridDispatch] (internal/event_target.js:399:24)

Hi Skivan,

Seems like angular saas-loader doesn’t allow the dot in a css class. I will remove the dot in next version release.

Best Regards, Sean.

Thanks a lot, Sean. Awesome time to response, and awesome product for sure. Is there public roadmap to look ?

Hi Skivan,

Unfortunately, i’m still preparing for new updates material. Will update when it is ready.

Best Regards, Sean.

Hi,

Ive found a CSS bug, the “dropdown-menu” does not align center, its the boxes with INBOX, DISK DRIVE, CALENDER

I would like to send you a screen, but i dont have any option to attach Please contact me back

Greetz

Hi Janivier123,

Yeah, i realise there have some wrong implementation for the dropdown header.

Below is the quick fix for that issue. FILE: /src/scss/ui/_dropdown.scss

LINE: 66 – 76 (remove it)

CODE: add the new code in the bottom of the file }

.dropdown {
    &.dropdown-mobile-full {
        @include media-breakpoint-down(sm) {
            position: initial;
}
& .dropdown-menu {
            left: $spacer * .25 !important;
            right: $spacer * .25 !important;
            width: auto !important;
        }
    }
}

Best Regards, Sean.

WOW that was fast :) That fixed it, ill let you know if i find any more of them :) Thx & Greetz!

great work! do you plan to add more widgets? more statistical, weather, shopping, social etc.

Hi Koza95,

Yeah, more widget will be added in next version release.

Best regards, Sean.

any ETA for this release?

Hi Koza95,

The ETA is still not confirmed yet.

Best Regards, Sean.

Beautiful design. Written by HTML & Vue pages including. But I didn’t find any pages .vue. html, js only What am I doing wrong? Where can I find the vue pages? thanks

Hi Deeplogicllc,

The description is wrong. This template only include the HTML pages. If you wish to refund due to expecting the vue version, you may send the refund request.

Best Regards, Sean.

Superb , Very Nice, Excellent Work, You are really amazing guys. Very very Unique work. I am shocked. I hope you will get huge sales. Best Of Luck.

Great Work, Congratulations GLWS :)

Congratulation, best of luck with sales :)

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey