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,097 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.

Great. The support to renew is not more $10 but $27? I developed a project using Vuejs and the bottom doesn’t work http://prntscr.com/ic5m4t

I face many problems with Metronic 5 in this project. But I can’t figure out this one. Any idea?

Hi,

Yes, the support free is calculated by Envato so we do not have any control over it. Looking at the screenshot, it seems that you have an issue with your HTML code. I would suggest you to double check your HTML code and compare it with original code from the package. Probably you missed some class or the code does not follow the original markup.

V5 considered as complete new theme and it comes with new code base. Also Bootstrap 4 itself has a lot of breaking changes comparing to Bootstrap 3.2. But once you manage to update it to v5.1 the future updates will be more smooth.

Thanks.

Hello, Could you please tell me the flow of the login module here, getting a bit confused with the different components for it. And also if i would want to add google login here, how could i add in here? You have used the fake backend here, trying to give it another default ID and pwd but doesn’t accept, i leave the default credentials blank it still expects me to login using the demo@demo.com with pwd demo, could you please tell me about this

Hi,

The fake backend will intercept any HTTP requests and prevent it request the real API.

For example this service file to request login via HTTP : theme/dist/angular/demo/default/src/app/auth/_services/authentication.service.ts

You can exclude the fake backend from dist/angular/demo/default/src/app/auth/auth.module.ts

Remove these modules; fakeBackendProvider, MockBackend, BaseRequestOptions,

Then the HTTP request will be going out.

Thanks

Hello, I would like to use this form wizard : https://keenthemes.com/metronic/preview/default/angular/components/forms/wizard/wizard-2

The problem is, when I click the step 3 (confirmation) and go back to step 1 (Client information) the progress bar stays green, it seems to only stay when you go back to step 1, step 3 to step 2, it doesn’t do it. I would appreciate help with this,

Thank you

Hi,

Thanks for your feedback. We will check this issue and provide a fix in the next update very soon. Stay tuned!

Thanks.

Hi,

Very good work for the V5, do you plan to add a useful feature : onboarding modals ?

Hi :),

Thanks for the comment and suggestion. If you could give us some examples or reference links for onboarding modals we would definetily consider them for upcoming updates.

Thanks.

Hi, Noted. We will refer to the above examples. Thanks.

Hello

I’m using responsive Datatable, and each row has action menu (Edit / Delete ) and using jQuery I’m attaching listener to this action menu as follows:

Here is a sample Data
let data =  [{ id: 1, first: 'John', last: 'Doe' }]

Here is Event listener

$('.m_datatable .edit').on('click', function () {
         // Get ID
       var id = $(this).closest('tr').find('td:first').text();
       console.log('User ID', id );
 });

This works, however, when I re-size my browser windo, I see a loader and message that says “Please Wait”, the table refreshes and my event listeners get broken.

What is the correct way of attaching dynamic event listeners so that when I click on Action item such as (Edit / Delete ) it will get ID from example Data source?

Keeping in mind that event listeners should continue to work after browser re-seize?

Thanks

I have managed to fix event listener issue, by using JQuery Delegation, so instead of listening to direct selection $(’.m_datatable .edit’), I target new elements like so

 $('.m_datatable').on('click', ".m_edit" , function () {  
const id = $(this).closest('tr').find('td:first').text();
console.log(id)
});

Hi,

Sorry for the late reply. Glad you have managed to get it working. If you need any further help please let us know.

Thanks.

Awesome theme, you should consider adding some social components like a social post feed with comments, maybe even a profile page where u can see the users posts etc.

Hi :),

Thanks for the suggestion. We will consider adding them in a future release for sure. Stay tuned!

Thanks.

Hi,

I think i may have gotten this wrong. Does this include backend data as well. Would like to use as similar to linkedin type for a project that i am doing.

Thanks

Hi :),

Sorry for the late reply. Yes, we included some backend API to simulate server side responsive for some components. You can check these backend API data in “docs/api_reference” folder. But Metronic does not provide real backend solution for any server side feature since its just an HTML theme for frontend solutions. If you need any further clarifications please let us know.

Thanks.

Hi! really nice theme, it would be great if you bring support for pagination or pager tools for simple html tables.

For example, the pagination in these tables:

https://keenthemes.com/metronic/preview/?page=components/datatables/base/data-local&demo=default

it’s a really great design but you can’t re-use this because it’s very coupled with .m-datatable.m-datatable-default classes and also you need to add the .m-datatable-loaded class to show the table. It becomes really annoying to write a custom css with this stuff to use this nice paginator design.

Pagination support would be really welcomed to those server side programmers that use server side pagination and needs html code control.

Hi :),

Very sorry for the late reply. Very good suggestion. Noted. We will provide individual the pagination components with various options in the next update.

Thanks.

Hello where can i find the code for the inner pages for each template (example template 9) Never mind i found a question that the pages are at the default theme.

Hi :),

Very sorry for the late reply. The default demo contains all the pages and components. You can refer to the default demo and copy anything from its content part into other demos. All demos shares the global components and plugins. If you need any further clarifications please let us know.

Just a friendly reminder: Seems your support subscription is expired and if you wish to get any further theme support you will need to renew your support subscription. For further check please go to Metronic purchase page http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes

For more info please check: https://help.market.envato.com/hc/en-us/articles/208191263-What-is-Item-Support- or http://themeforest.net/page/item_support_policy

Thanks.

is it possible to load fonts offline?

Hi,

Yes, you can load the fonts offline. You will need to build the offline version(just copy the font’s main css and its sub files and save under assets folder) of the fonts files and load them as usual but from local.

Thanks

Hi keenthemes,

I’m using Demo3 HTML Version

I would like to know how to change the header color of the demo3 HTML version from light color to Dark color, like in the Demo 5. https://ibb.co/h5r0Vc

I did some hack and find : “m-header-menu–skin-light” and make it “m-header-menu–skin-dark” like in Demo5 html but no results.

however it worked for a submenu : change from “m-header-menu–submenu-skin-light” to “m-header-menu–submenu-skin-dark” and the submenu became dark.

Here the header color that I want to have : https://ibb.co/h5r0Vc

thank you.

Hi :),

Sorry for the late reply.

Yes, for the megamenu the helper class works. But for the header itself you will need to manually configure the colors. You can change the layout settings and colors for the header in “src\sass\demo\demo3\header\__config.scss” and the horizontal menu in “src\sass\demo\demo3\menu-header\__config.scss” under $m-config-menu-header->desktop->build->skins->light array. You can try to configure the colors and compile with “gulp” to see the result. If you need any further help please let us know.

Thanks.

I am using version 5.0.7.1 Previous versions you used datatable plugin from datatables.net . But in 5.0.7.1 i think you created own datatable script. In previous version we can add export excel,pdf buttons fastly but in 5.0.7.1 i couldn’t see this feature. Here is my question. Can we add export excel button or export pdf button in 5.0.7.1 ?

Hi :),

Thanks for your feedback. We use our own mDatatable plugin since v5.0.0 version. Yes, we are currently developing PDF, CVS, Excel export options and we will release them as soon as possible. Also we are planning some other new CRUD features for our mDatatable.

Thanks.

Dear keen theme support, I purchased and download the package, What is see is old metronic themes (angular 4). We are looking to install and use Angular 5 version widgets and pages as shown in the demo pages. Please let us know what we need to do to download and use new metronic themes with Angular 5 as shown in new dashboards.

Hi,

Current Metronic v5.1(also since v5.0.6) comes with the latest Angular 5 update. Please kindly double check it as you can find the latest Angular 5 apps from: Hi, ”/dist/angular/demo/[demoName]” directory.

If you need any further clarifications please let us know.

Thanks.

Hi, Firt thanks for the great work! I would like to know if the new version 5.1 (updated for angular 5) has been done with components. I mean like the angular theme (http://material.angular.io) where you can add modules and component with directive for datatable, menu, date-picker etc. Or it is like the normal html version where all the staff need to be made by the developper (insert the script tag, initialise the plugins though the App class etc) ? Ps: i’ m new to angular 5 Please let me know, Thanks!

We used it to generate the entire app structure and controllers. However current Angular implemented as a wrapper on the default jquery version. We are currently working on fully native Angular version without jQuery dependency. In this native version we will implement everything following the best angular development practices. Stay tuned and we will release the native angular version in around 2 months time.

Thanks for the explaination. I will wait for the native angular version

Sure, we will do our best to release it earlier as possible.

Ohhh Guys almost every Admin template out there has this ability to create event just by clicking on fullcalendar cells, I’m really jealus, ...

I would give everything to see that in the next Metronic update Pleaaaaaaaaaaase guys, Please, I’m waiting this features to start my project.

Thank you keenthemes.

Hi :),

Sure, we will do our best to add it in the next update.

Thanks.

Ohhhhhhh wonderful, Great to hear that you gonna include that.

Waiting for it,

Thank you Keenthemes.

Hello, version 5.1 contains a bug when page loader is turned on (default). When running modal, he can not click on it

Hi,

Thanks for your feedback. Good spot! We will check it further and provide a fix asap.

Thanks.

Hello Support,

My question is about Navs, From default Theme -> Base -> Navs -> How do you control the width of the dropdown menu?

I want to increase the width of the dropdown menu so I can include number of columns inside it listing different items

FYI, Inline Nav and Sub Nav dropdown menu buttons are missing from the demo examples.

Thanks

message removed.

Hi :),

The navs are by default fluid and you can control their width by controlling their parents widths. As an example please refer to the “Sub Nav” example http://keenthemes.com/metronic/preview/?page=components/base/navs&demo=default

The parent containers in this example are Bootstrap grid columns. You can also set fixed width to parent containers. If you need any further clarifications please let us know.

Thanks.

Hi, i have purshased the template named “themeforest-4021469-metronic-responsive-admin-dashboard-template” and the “builder.html” and “datatable_v1.html” pages , of demo8, are missing !Any help please ! Warmest regards

Hi,

builder.html template does not exist in v5.x package anymore. The layout builder is an online tool and you can access to it from our preview: http://keenthemes.com/metronic/. Just go to any demo and in the right center toolbar click the wrench icon.

“datatable_v1.html” also does not exist. I guess its just a broken link. By the way, where did you see this link ?

Thanks.

Hi,

Angular 5 version is too slow to load, how can we speed it up?

Hi,

Angular itself very slow to load, especially the first time load. But for production you can compile your app with AOT then it will be much more faster. But during your development, the compilation and relaunching will be slower and you can’t do anything with it unless the Angular team provides performance improvements in the near future.

Thanks.

Hi keenthemes support,

thanks for beloved themes, we loved it until i don’t have more love… haha.. Great one, most cool themes and no one ever be like this.

hmm.. by the way, do you guys have any suggestions for CodeIgniter 3.x + Metronic 5.x templating maybe library or something like documentation or examples ?

Thank you keenthemes.

Hi :),

Thanks for your feedback. Unfortunately we there is no ready to use integration for Codeigniter or any other web framework that we know. Developers usually do the integration from scratch as its very easy to integrate Metronic with any web framework. If you need further clarifications please let us know.

Thanks.

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