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 120,100 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

12220 comments found.

I am having a problem with the angular version. I have a help on how to create a component of my own in the help documentation. But how do I create my own secondary directory (ngModule->child-component)?

Hi,

Do you mean second level for left side menu?

Thanks

Yes, I am talking about the menu bar on the left, I need to create a new module and component, and the html page with secondary directory.

Hi,

You can add the menu using this menu config.
/src/app/core/_config/demo1/menu.config.ts

To make it as nested menu, you need to use submenu option. You can find other menus that using submenu as an example.

image

Thanks

Hi,

Metronic V6 keeps expanding and the best is becoming even better with every single update. Versions 6.0.2 & 6.0.3 have arrived.

What’s new:

- User Application with 15 pages like many types of user lists, profiles and settings options.
- Contact Application
- Chat Application
- Angular versions of Demo 3, Demo 4, Demo 5
- New components like Notes, Userpic, Searchbar
- Code & structure improvements.
- Fixes

New updates are on the way. Stay tuned ;)

Hi keenthemes,

I’ve been asking for the Top RTL reverse arrow for soooooooo Long. but all I’ve got is, next updates. LOL

Common guys, this should be fixed since 2017, since Metronic 5. here’s the hit :

https://ibb.co/GPWL3f1

Hope you can make a hot fix and post it soooooon, becasue we want to pick this version and freeze it for fresh project.

Thank you.

Hi :),

Noted, we will fix it in the next update v6.0.4 fore sure.

In the meantime this can be fixed/adjusted in the HTML level:

Please flip the arrow from “kt-menu__hor-arrow la la-angle-right” to “kt-menu__hor-arrow la la-angle-left”.

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

Ok thank you keenthemes.

You we most welcome :)

Hello. How do I export from KTDatatable to a file? If you have an example page, please let me know your address.

Hi :)

Currently, KTDatatable does not support built-in export to pdf yet. But you can use this plugin and its quite good. Integrate it to your custom export button, by passing the datatable data into this plugin. https://github.com/simonbengtsson/jsPDF-AutoTable

var data = datatable.getDataSet(); Call this function to get the current data in the grid.

Let us know if you need further clarifications.

Thanks

In demo10 the dashboard drop down next to the logo doesn’t show when in mobile mode so you can’t change dashboards in mobile mode.

Hi :),

Good spot. We will enable it for mobile in the next update. It’s added to our todo list of the next update v6.0.4.

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

Thanks.

Error when “npm install && ng serve”

92% additional asset processing scripts-webpack-plugin✖ 「wdm」: Error: ENOENT: no such file or directory, open '/home/vikashk/node/test/metronic_v6.0.2/theme/angular/dist/default/src/assets/vendors/global/vendors.bundle.js'

Hi :)

Please download the latest version v6.0.3. We have included the missing precompiled assets. So you only need to execute “npm install && ng serve” to run the Angular.

Thanks

Hey, you have “kt_chart_profit_share” available for angular, I did not find in any of the themes, I mean the pie chart.

Hi,

Please refer to sample widget12 and widget14 for initializing chart components. /src/app/views/partials/content/widgets/widget12/widget12.component.ts /src/app/views/partials/content/widgets/widget14/widget14.component.ts

If you need specifically “kt_chart_profit_share” chart, you can refer to dashboard.js in profitShare() function for sample values and options.

/theme/default/src/assets/js/theme/pages/dashboard.js

Thanks

When are you coming out with the VUE JS version? I could really use it ASAP!!!

Hi,

It’s hard to confirm the timeline at the moment. We will start the development in a week and we will see when we can release it.

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

Thanks.

hi, I just download version 6.0.2 today, but when i try to run i got an error, of some files missing.

Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** × 「wdm」: Error: ENOENT: no such file or directory, open ‘C:\xxxx\xxxxx\xxxxxx\skeleton\src\assets\vendors\global\vendors.bundle.js’ at Object.openSync (fs.js:438:3)

can you fix that file

thanks, that latest zip works.

Hi, I have another query. If you can help please help on this. Actually I am working on skeleton theme. Its very hard to remove some of those code. What do I do if need only template for angular not any code for anything. Because when I tried authentication api on that, I got so many errors. Is there any solution buddy?

Regards.

Hi :)

Could you please send the screenshot? What errors are you getting? The auth module is a sample. You can customize in the codes based on your requirements.

Thanks

question before buy, do you think to make light version of default or demo12?

Hi :),

Yes, sure. We will add more skins including the light skin in a future update soon. You can purchase Metronic now and get all future updates for free.

Thanks.

I understand that in the latest Angular version released a few days ago the ngx-permissions is no longer used and a new way of handling roles and permissions is being implemented. Could you please explain the right way of preventing access to a) Pieces of html based on Roles (like links in the menu) and b) how to protect routes based on roles.

Thanks in advanced four you always kind and quick response.

Hi :)

1) We are using ngx-permissions (in new version too). All examples from offical documentations (https://github.com/AlexKhymenko/ngx-permissions/wiki) is working fine too

2) For left menu (rendering) => Please check config file src/app/core/_config/demo1/menu.config.ts (eCommerce section)

3) For routing access (Guards) => In the src/app/views/themes/demo1/pages-routing.module.ts file we commented example for eCommerce module

Thanks

When I visit the login-1 page it and click the Sign In button, nothing happens unlike the other login pages.

Hi :),

At the moment those buttons do not function. We will activate the sign in buttons in a future update. We will be releasing more login, register form examples soon. Stay tuned!

Thanks.

i’m using laravel framwork and i can’t use <base href=”/”> because laravel dosen’t give access to see all folders in this path, so what can i do, please i need help

Hi :),

You can remove <base href=”/”> and use absolute or related URL for assets or images in the content. <base href=”/”> is just used for our demo and it is not mandatory. So you can remove it and just set the paths as per your file structure.

Thanks.

Error: ENOENT: no such file or directory, open ‘D:\default\src\assets\vendors\global\vendors.bundle.js’ i can not find \vendors\global\ folder

Hi :)

This issue can solved by recompiling the assets. By execute command, yarn and gulp build in [root]/theme/angular/tools/ folder. After that, execute both npm install and ng serve in [root]/theme/angular/dist/default/ folder.

Sorry for the inconvenience. We are releasing a patch updates to fix this issue by today. Please let us know if you need further clarifications

Thanks

can i switch between RTL – LTR dynamically at runtime

Hi :)

Sorry, at the moment, this feature does not supported.

Thanks

Hello KeenThemes ,

Im using Demo 1 Angular Version. Where do i change the background colors of the aside menu ,aside header and the menu buttons background colors , hovers etc-. Ive been trying to find them in style.bundle.css and inside the skins but with no luck.

By the way how can i change from dark skin to light skin or other skins.

Thanks for your kind suppport.

Hi :)

You modify the skins CSS in base component per demo. Please check this file;
/theme/angular/dist/default/src/app/views/themes/demo1/base/base.component.scss
You can refer to this folder, which skin CSS files are available.
/theme/angular/dist/default/src/assets/css/demo1/skins/

Thanks

Thanks , everything worked as said!!!

Thanks for your feedback. Feel free let us know if you need further helps

the theme comes incomplete, missing files, in the web i can see files what doesn’t exist in the folder, i pay for get a complete template and missing files? really? this is a bad joke, i need the theme complete, i payed for this

Hi,

Sorry for the late reply. We overlooked your question here. We were aware of this issue and fixed it. We are now releasing the fix in the next update v6.0.3 in a few hours. Stay tuned!

Thanks.

On latest metronic, is there a way to put a switch into the portlet head group among other buttons?

Hi :)

May I know which package are you using? Default HTML or Angular?

Thanks

Default Html

Hi :)

Portlet tools area can be customized, You can add any HTML, buttons, switch, etc.

Please refer to this example page to customize the portlet header buttons. https://keenthemes.com/metronic/preview/demo1/components/portlets/tools.html In the source code file, /theme/classic/demo1/components/portlets/tools.html

Thanks

Hello Support, After the theme update from v5 to v6 How can I change the size of Lineawesome Icons ?, in the past I used css helper m—icon-font-size-sm1 …etc but since it was removed, what should I use ? Thanks

Hi :),

You can use ”.kt-icon-sm, .kt-icon-md, .kt-icon-lg, .kt-icon-xl” helper classes to modify the icon sizes.

If you need any further clarifications please let us know.

Please ensure that your support subscription is active to receive any further support. To check your support subscription status just go to the Metronic item page in themeforest.

Regards, Sean

Hi Sean,

It did not work for me, can you please check on your end?

Thanks

Have you tried to use the below classes without ”.” prefix ?

“kt-icon-md, kt-icon-lg, kt-icon-xl”. By right in v6.x you can use below icon font size modifiers defined in the global sass file.

// Font sizing
.kt-font-sm {
    font-size: 0.8rem !important;
}

.kt-font-md {
    font-size: 0.9rem !important;
}

.kt-font-lg {
    font-size: 1.2rem !important;
}

.kt-font-xl {
    font-size: 1.5rem !important;
}

Can you check your the helper sass file in your source “framework\sass\theme\core\base\_helpers.scss” to make sure whether those classes are defined.

Also please show us how you are using these classes in HTML ? You can contact our support for further help at support@keenthemes.com

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

Thanks.

Hi, do you have ETA for react version of this template? Would like to use react instead of angular.

Hi :),

The react version in development now and the ETA will be announced later once we are near to the release date.

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

Regards, Sean

great, thanks.

Hi, Is there a way to use URL to PDF libraries like IronPDF to download metronic web pages and save as a PDF? We tried but the layout doesn’t look the same as web ui.

Hi :),

Thanks for the suggestion.

The best way to create PDF content is using server side PDF library. Using javascript PDF library it will be hard creating a PDF files with complex contents.

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