Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Cart 119,793 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

12205 comments found.

Hi, Any release date for the REACTJS version?.. I am waiting for the React Version to start a new Project. Thanks and keep the good job

Hi :),

We have almost completed React version and we will be releasing it soon. At the moment we can not fully confirm the release date. But we are targeting by end of this month or latest by mid of August.

Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos

Regards, Sean

Will you release KTDatatables also as Angular Version?

Hi,

In the near future we might release it for Angular, React and Vue versions. But at the moment we can not confirm any ETA for that.

Thanks.

Hello,

I have fixed headers (both of them) and when I try to use fixed header for datatable, is not working.

Do you have a solution for that?

Thanks,

Hi,

May I know what Metronic version and which demo are you using ? Could you please contact our support at support@keenthemes.com and provide us more details.

Regards. Sean

hello, KTDatatable horizontal scrool not working,

https://keenthemes.com/metronic/preview/demo1/crud/datatables/basic/scrollable.html

In the table in this example, when we want to adjust the column width, it gives error. How we can produce solutions. When the KTDatatable horizontal property will come.

Hi :)

Could you please confirm which datatable are you using? The link you have given is not KTDatatable, but DataTable.

At the moment, we have to take out the horizontal scroll support from KTDatatable due to some issues. We will fix it and include in the demo page.

What was the error when you adjust the column’s width?

Thanks

Hi, I am trying to locate the classic files, but there are none in theme/classic/demo11

Hi :),

Only demo1 has those theme pages and other demos come with layout related pages. All the page contents from demo1 can be used in other demos as well. So you can create a new page using your selected demo and copy paste the contents from demo1.

For more info please check our documentation here: https://keenthemes.com/metronic/?page=docs&section=demos

Regards, Sean

Hi,

I have a specific use case where I want the Aside bar to be closed when a link is clicked. I am using Metronic 6.0.1, demo5. I can toggle open and off the aside bar used the provided close/toggle options, but I want the aside to be closed when a link is clicked and I can’t find the trigger for it or how to call the function. Right now if I click a link in the aside bar it stays open, I want it to go away as soon as the link is clicked.

Hi,

In Metronic v6.0.4 update we added on “linkClick” event and you can use this event handler to close the aside whenever a lick is clicked. For more info please check: https://keenthemes.com/metronic/?page=docs&section=menu

You can consider updating to the latest v6.0.4 and use the above feature for your case.

Then in theme\default\src\theme\demo\demo5\scripts\bundle\layout.js you can add below code:

asideMenu.on('linkClick', function() {
       asideMenuOffcanvas.hide();
});

If you need any further clarification please let us know.

Regards, Sean

Hi! What does KTWizard’s “manualStepForward” do? I want to remove the action when clicking steps and only enable the Next button, but it doesn’t work. Thanks for this great update!

Hi,

You can remove A tag from the wizard steps and replace it with SPAN tag to make the steps nav items non clickable.

<span class="kt-wizard-v1__nav-item" href="#" data-ktwizard-type="step" data-ktwizard-state="current">
    <span>1</span>
</span>

Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos

Regards, Sean

1. why is in menu “kt-menu__item—parent” ?? I tried to show it, but not successfully .. never showed

2. if page width = less then 1000, then right scrollbar is shown … looks terrible (https://i.snag.gy/758a3v.jpg)

Hi,

May I know what is your Metronic version ? Also can you please clarify your question related to “kt-menu__item—parent” ?

When width is less than 1024px it will be turn to mobile mode and all scrollable contents use the native scrollbars. This is normal behavior since in mobile mode those native scrollbars will look different than desktop ones.

Regards, Sean

using version 6.0.3 … for every “main item” (item in first level in menu) there is prepended new LI with same label … <li class="kt-menu__item kt-menu__item--parent" aria-haspopup="true"><span class="kt-menu__link"><span class="kt-menu__link-text">Applications</span></span></li>

it looks like, it’s using for responsibility or in static/fixed aside or …. I tried to make it visible, but it has never been visible/shoved … it looks like, this code is not necessary

Hi,

It’s used for minimized aside mode when you hover a submenu you can see that submenu’s parent title. If you are not using this configuration you can skip that class.

Regards, Sean

Hi, Keen Team,

i have some issue when i want to display image from assets based on database( image name), the image can’t show but after re-compiled project code, the image is show and keep repeating like that.

oh yea, before i use metronic angular 7 and it`s fine with show image, but after i upgrade to metronic angular 8, i get that issue.

Thank you.

Hi :)

Are you sure the image was in the src/assets/img/product/ folder?

Thanks

Hello PixelDots.

i’m so sorry for slow response. of course the image was in src/assets/img/product/. that issue come after i upload new product in src/assets/img/product/ the image can’t show, i try to refresh page or re-debug the project but the result is same(the image can’t show). then went i save(ctrl-s) my code in my project, the angular will re-compile the project then the image is show. that issue is always come when i upload new image, but if i upload the duplicate or same image as before i upload, the image will show without problem.

Thank.

Hi :)

This is the behaviour of the Angular changeDetection. We have enabled it by default for certain components to improve performance.

When you uploaded the image, by right you have the callback event. In that callback function, use this function

this.cdr.markForCheck();
import in constructor
constructor(private cdr: ChangeDetectorRef) {
}

This function use to manually detect any changes in the component and Angular will render the new UI update.

Thanks

Hello,

I just would like to ask if there is any draggable popup in.. or how to do it here?

Thank you

Hello,

I just would like to ask if there is any draggable popup in.. or how to do it here?

Thank you

Hi,

At the moment we do not have such plugin. I just added it into out todo list and we will delivery this feature in a future update as soon as possible.

Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos

Regards, Sean

Thank you :)

Hi Keen team,

i have some problem when i try to run—prod like this : ng build—prod 92% chunk asset optimization TerserPlugin <—Last few GCs -->

[10036:000001B972CFB670] 178542 ms: Scavenge 1326.5 (1422.3) -> 1326.5 (1422.8) MB, 2.5 / 0.0 ms (average mu = 0.134, current mu = 0.020) allocation failure [10036:000001B972CFB670] 178544 ms: Scavenge 1326.5 (1422.8) -> 1326.5 (1423.8) MB, 2.2 / 0.0 ms (average mu = 0.134, current mu = 0.020) allocation failure [10036:000001B972CFB670] 178549 ms: Scavenge 1329.0 (1425.4) -> 1328.3 (1425.4) MB, 2.0 / 0.0 ms (average mu = 0.134, current mu = 0.020) allocation failure

<—JS stacktrace -->

==== JS stack trace ========================================= Security context: 0×03f3a949e6e9 <JSObject> 2: replace 000003F3A94905E9>) 3: serialize(aka serialize) [0000015AB2FED6B1] [C:\xampp\htdocs\metronic\client\node_modules\serialize…

0: ExitFrame [pc: 0000034F004DC5C1]
1: StubFrame [pc: 0000034F004CBCC1]

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed – JavaScript heap out of memory 1: 00007FF70ED6F04A v8::internal::GCIdleTimeHandler::GCIdleTimeHandler+5114 2: 00007FF70ED4A0C6 node::MakeCallback+4518 3: 00007FF70ED4AA30 node_module_register+2032 4: 00007FF70EFD20EE v8::internal::FatalProcessOutOfMemory+846 5: 00007FF70EFD201F v8::internal::FatalProcessOutOfMemory+639 6: 00007FF70F4F2BC4 v8::internal::Heap::MaxHeapGrowingFactor+9556 7: 00007FF70F4E9C46 v8::internal::ScavengeJob::operator=+24310 8: 00007FF70F4E829C v8::internal::ScavengeJob::operator=+17740 9: 00007FF70F4F0F87 v8::internal::Heap::MaxHeapGrowingFactor+2327 10: 00007FF70F4F1006 v8::internal::Heap::MaxHeapGrowingFactor+2454 11: 00007FF70F0ACA3B v8::internal::Factory::AllocateRawWithImmortalMap+59 12: 00007FF70F0AF4ED v8::internal::Factory::NewRawTwoByteString+77 13: 00007FF70F391E84 v8::internal::RegisterConfiguration::AreAliases+82116 14: 0000034F004DC5C1

sorry, i already fix my problem

Hi :)

You can try to use this command to increase node memory size.
node --max_old_space_size=8192 "node_modules\@angular\cli\bin\ng" build --prod

Feel free to ask if you need any further helps.

Thanks

where can I post bugs ? problems ? I found lot of them … last one I remember, asside-toggler icon not working properly, when I use kt-header-static (instead of kt-header-fixed)

Hi,

Sure, you can send your feedbacks via email at support@keenthemes.com

Regards, Sean

I cant happen to find the apps/support-center/home-2.html any where in the demo files? I’m using the classic version

Hi ,

Please double check your download package:

metronic_v6.0.4/theme/classic/demo1/custom/apps/support-center/home-1.html

For more info please check our available video tuts:

1. Installation & Getting Started: https://youtu.be/dqZLWuAEdJ8 2. Your First Project: https://youtu.be/yu0O2Y2NXxc 3. Customization: https://youtu.be/7PG5Qbg0-gM

For any further info you can also check our detailed theme documentation: https://keenthemes.com/metronic/?page=docs

Please follow us at http://twitter.com/keenthemes to stay updated.

Regards, Sean

Are you going to help?

Hi,

Sure, we just replied to your question and if you need any further help you can contact our support at support@keenthemes.com

Regards, Sean

either refund or solve this problem. ?

Hi,

I hope our previous reply clarifies it for you. All the best!

Regards, Sean

Hello, I bought the theme.

But it’s incredibly slow.

It takes 10 seconds when you’re at the local home.

What’s the reason, please help.

If there are many problems in this theme difficult, errors etc etc

Hi,

This is not the theme’s issue. This is cross browser ajax request timeout set by browsers when HTML file is opened directly outside webserver and data is loaded from remote server.

In our demo templates we load the datatable records from keenthemes.com to simulate real datatable example with live data. When you open the theme for the first time directly from the HTML the browser Chrome takes 8-10 seconds to load the datatable records from the server. However this is browser’s behavior when you open the theme outside webserver. When you load it from browser as usual this does not happen.

For any further help please contact our support at support@keenthemes.com

Regards, Sean

Hello there , I purchased the theme couple days ago and im having trouble setting the RTL files .. I tried following your guide but it wont work. (Angular ver.) after running gulp—rtl and changing the required files endings from .css to .rtl.css but when I run the ng serve it throws lots of errors that it can`t find the .rtl.css files .. Please HELP ASAP , I purchased the theme for it`s RTL support.

Please reply… I need this urgently.. under this path /theme/angular/dist/default/src/assets/css .. under this path /theme/angular/dist/default/src/assets/vender .. there`s no .rtl files , gulp—rtl doesnt work

OK I got it working by changing the—rtl flag to—RTL I didn`t know that it was Case-Sensitive and you didn’t mention it in your docs , you should correct this. I found another problem , the header sign-out dialog that shows when you click on your profile picture is not aligned correctly , it overflows to the left and I can barely see half of it, please check it. thanks in advance, Mahmoud

Hi,

Such alignment issues can be fixed by changing the alignment classes from “left” to “right” and vise versa. We will check it in a future update as well.

Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos

Regards, Sean

where is files that has implementation of customer page in the demo?

Hi,

Could you please contact our support at support@keenthemes.com and provide us more info for the issue ? Here we can not get your questions and we would need more details. Please provide what version are you using, which page and feature you are referring.

Thanks.

Hi,

Does the Angular demo include all the components found in the HTML version? I’m looked through the Angular demos, it doesn’t contain as many components at as the HTML demo.

Hi,

All CSS components from the default version can be used in Angular, but those jQuery plugins are not available by default unless you include jquery in order to use jquery plugins with Angular.

Regards, Sean

With v6.0.4 update, Demo10 (fluid display) top menu position is not correct

1. If you switch to fluid layout you will be able to see the top menu is centered while it should be to the left. https://keenthemes.com/metronic/preview/demo10/

2. When you build the themes via gulp build, Demo10 fluid.html page showing as fixed layout rather than fluid layout

Hi,

Thanks for your feedback.

1) This is expected behavior. The header menu is always center and aligned with the content.

2) We will check it further and fix in the next update.

Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos

Regards, Sean

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