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

keenthemes supports this item

Supported

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

12220 comments found.

themehappy

over 8 years ago

WOW!Nice Work,Congratulations! Good Luck With Sale :grin:

keenthemes Author

over 8 years ago

Many thanks

lommez Purchased

over 8 years ago

The documentation isn´t updated to support version 5.05? I’m trying to follow the documentation. The tools folders doesn´t exists and structure of the folders are different from the documentation

keenthemes Author

over 8 years ago

Hi ,

Yes, we will release the update documentation in the next update. In the meantime you can refer to the online documentation which is up to date: keenthemes.com/metronic/documentation.html

If you need any further clarifications please let us know.

Thanks.

lommez Purchased

over 8 years ago

Thanks so much!! The online documentation will help me a lot

keenthemes Author

over 8 years ago

You are welcome! All the best with your projects

quadnary Purchased

over 8 years ago

Hi How to implement DataTable with server side pagination in Angular way?. My requirement is.. I have component say ProductComponent which uses ProductService to fetch data from server. The ProductComponent should display a DataTable. The DataTable should be driven by data held by ProductComponent. All pagination and search requests should go through ProductComponent. JQuery should not directly interact with server. Is it possible? How?

keenthemes Author

over 8 years ago

Hi,

The feature that is almost similar to your requirement is the datatable with local datasource. But all the data should be passed into datatable, and the pagination and search will be handled locally in datatable.

You can check the sample demo in; /theme/default/src/js/demo/default/custom/components/datatables/base/data-local.js

Thanks

quadnary Purchased

over 8 years ago

I just went through Ajax based DataTable in Angular version of Metronics. It seems it is just a wrapper around jquery implementation. It’s not in angular way – no real binding of data between component and view. Do we have pure Angular based DataTable. I just found one such thing here https://github.com/ggmod/angular-2-data-table-demo/blob/master/app/demo1/data-table-demo1.ts

keenthemes Author

over 8 years ago

Hi,

Yes, our custom mDatatable is a jquery plugin and it can be used with Angular as a wrapper. Basically you can pass JSON array of records to populate the records. In the future we will create a directive to make it easier working with it in Angular. However you can use any plugin you like that fits your needs.

Thanks.

axxiomdigital

over 8 years ago

Hi,

What type of license do you have for this admin theme? I’m looking at utilising it to improve the visual aesthetics and some functionality of an open source software

keenthemes Author

over 8 years ago

Hi,

Unfortunately Themeforest licenses do not allow using themes in an open source software. Each copy you distribute or sell must be licenses with a separate license. If you need any further clarifications please let us know.

Thanks.

visotronica Purchased

over 8 years ago

Hi, can I ask for an example of a calendar using Ajax? When ever the a current view is displayed, taking in consideration the dates/date present, gets all events within that range!?

keenthemes Author

over 8 years ago

Hi ,

Sorry for the late reply. At the moment we do not have similar example. You can refer to the documentation https://fullcalendar.io/ and you implement it as per your requirements.

Thanks.

visotronica Purchased

over 8 years ago

For what I saw I think the json feed is, and I quote: ” ... part of a premium plugin”. Is it true? Or do you provide it as full feature?

BTW I suggest for your next update, just include this: https://fullcalendar.io/js/fullcalendar-3.7.0/locale-all.js

To allow your community to change from locale: ‘en’ to ‘pt’, ‘es’, ‘fr’ ... etc

Thanks

keenthemes Author

over 8 years ago

Hi,

Yes, its a premium plugin that you will need to buy it from: https://fullcalendar.io/scheduler/

Noted on your suggestion.

Thanks.

dracula2 Purchased

over 8 years ago

Theme default can fix menu when scroll ? I using theme 5.03

keenthemes Author

over 8 years ago

Hi ,

Yes, the sidebar menu has the fixed scroll mode. You can use the layout builder to try it out: http://keenthemes.com/metronic/preview/?page=builder&demo=default

Thanks.

overridden Purchased

over 8 years ago

Any update on Demo 8 ?? If we don’t have it soon we’ll start taking drugs.

keenthemes Author

over 8 years ago

Hi ,

Please don’t. Will do our best to release it by end of this week or mid of the next week.

Thanks.

WSemanek08 Purchased

over 8 years ago

Hello! Any word on the release of accordions for Metronic v5?

keenthemes Author

over 8 years ago

Hi ,

Yes, a custom accordion component in the todo list and will be release soon. If you need this urgent you can use Bootstrap’s accordion(collapse + panel): https://getbootstrap.com/docs/4.0/components/collapse/

Thanks.

wedesignit

over 8 years ago

Hi there, I’m a bit confused about all the layouts and the Angular 5 integration, that you say you have. Is there an Angular CLI for 5 in every layout/version of the template?

Your site only shows Angular 4, so when U publisize here you are angular 5 updated, what does it mean?

keenthemes Author

over 8 years ago

Hi,

We have upgraded Angular to v5. You can check at the demo site: http://keenthemes.com/metronic/preview/default/angular

Recently, Angular has updated version 5.1, and Metronic’s Angular also will include this Angular version in the next updates.

Thanks

wedesignit

over 8 years ago

All your demos/layouts have this? They all have a Angular CLI?

keenthemes Author

over 8 years ago

Yes, all demos use the same latest Angular version and angular-cli.

msgDev Purchased

over 8 years ago

I can’t seem to find the PSD Files in the download?

3 other replies

keenthemes Author

over 8 years ago

Hi ,

The PSD files are not part of the theme. But you can email our support at support@keenthemes.com and we will provide you available PSD files.

Thanks.

msgDev Purchased

over 8 years ago

I have sent you an email on 8th and 11th of December but I haven’t received any answer?

keenthemes Author

over 8 years ago

May I know your email ? I have checked our inbox but could not find any unreplied emails. Did you send it to support@keenthemes.com ?

keenthemes Author

over 8 years ago

We found it in the spam folder. We will reply you shortly.

msgDev Purchased

over 8 years ago

Thanks. I got it

keenthemes Author

over 8 years ago

You are welcome

visotronica Purchased

over 8 years ago

Please help. I want to user server side pagination. I’m currently using the data-ajax demo. But for what I can see it won’t work because I’m not requesting the sorting/paging as a variable.

I can see that in this example you use:

“meta”: { “page”: 1, “pages”: 1, “perpage”: -1, “total”: 350, “sort”: “asc”, “field”: “RecordID” },

which makes no sense to me. 1 pages? -1 per page? With a total records of 350…

But in the javascript you have:

serverPaging: true, serverFiltering: true, serverSorting: true,

and it’s working.

I have:

“meta”: { “page”: 1, “pages”: 4, “perpage”: 10, “total”: 40, “sort”: “asc”, “field”: “id” },

(the url: is a return of a full json file with meta+data and no ‘request of page’)

And in the javascript I have:

pageSize: 10, saveState: { cookie: true, webstorage: true },

serverPaging: true,
serverFiltering: true,
serverSorting: true

BUT it’s displaying the 40 elements. Which means, the meta is not being currently used to set the pages, neither the sorting or filtering.

Neither I think I’m requesting to show the current table page.

I also noted you HAVE an API example. Do I need to use it to solve my current problem? Why is the demo working and mine isn’t? You use any other js in your demo with hardcoded features?

I’m currently not self aware of how server side pagination works. But I thought using your examples as base would solve my problem…

Thank you

visotronica Purchased

over 8 years ago

SOLVED . terrible terrible documentation! And YES you need to use the API method otherwise won’t dam work!

abouttt Purchased

over 8 years ago

Can provide some js api documentation. Please send to 54472587@qq.com

keenthemes Author

over 8 years ago

Hi ,

You can check the theme documentation online: keenthemes.com/metronic/documentation.html

If you need any further help please let us know.

Thanks.

pestadpit Purchased

over 8 years ago

Hello everyone, i found a bug in databases (Left Locked Columns) http://keenthemes.com/metronic/preview/?page=components/datatables/locked/left&demo=default

After search (example 1000) – will not show “No records found”

pestadpit Purchased

over 8 years ago

And next bug is when click on menu “m_aside_left_minimize_toggle” in page Left Locked Column). datatable width is not correct.

keenthemes Author

over 8 years ago

Hi ,

Thanks for the feedback. We will check it further and release the fix in the next update very soon.

Thanks.

plnmeal

over 8 years ago

Hello

can you customize the admin ? please confirm;

thanks

keenthemes Author

over 8 years ago

Hi,

Please send a request at http://keenthemes.com/hireus/.

Thank you.

quadnary Purchased

over 8 years ago

How the css m-grid m-grid-~~hor m-grid~~-root m-page gets added to DIV element ? Please point out the code which adds this stuff.

keenthemes Author

over 8 years ago

Hi ,

Sorry, we could not understand the question. Could you please clarify it with more details ? Which version are you using ? The angular or default version ? Which demo are you referring to ?

Thanks.

quadnary Purchased

over 8 years ago

I use angular version of Metronic 5.0.5 In your demo application, you have used the following selector for angular component selector: ”.m-grid__item.m-grid__item—fluid.m-wrapper” But, For an angular component to be applied in a page, there should be an element (say DIV) with these classes specified. But, I don’t see any component having this CSS. If your framework adds this css, it will work. But is it good to specify css selector which gets dynamically added by your framework. Instead, we can go with some cutom-tags.

keenthemes Author

over 8 years ago

Hi,

We used class selector instead adding extra tag otherwise those extra tags break layout that angular version reuses from the Metronic’s default version. We will double check this and try to use angular tag in the following updates as some other users also requested this.

Thanks.

hendrikwjy Purchased

over 8 years ago

Hi,

I am using datatables.net editor. But when i use the inline editor. The input field not streching to the column widht.

https://i.imgur.com/Xm0WZtC.png

Please refer to http://andayu.jssit.com/trans/posample/5e56aa00-d668-11e7-97be-00acf6d7c9bf/edit username : spv@andayu.com password : 123456

Thanks

keenthemes Author

over 8 years ago

Hi,

Sorry, we can not provide support for 3rd party plugins. If the issue related to Metronic please provide us more details and we will try to point you out. Please note https://i.imgur.com/Xm0WZtC.png is not accessible.

Thanks.

hendrikwjy Purchased

over 8 years ago

Hi,

How to make <input> with fluid width?

keenthemes Author

over 8 years ago

You can just override that input’s width with a custom css code. Are you able to compile Metronic sass files ? If yes, you can add your custom css code in your demo’s main style.scss file and this code will be available globally in your pages.

francescomontanari Purchased

over 8 years ago

Hello, in the old Metronic you had a theme switcher with different themes (blue, grey, dark blue, light, etc…). In the new version there is only one theme?

keenthemes Author

over 8 years ago

Hi ,

The new version comes with a default skin and you can customize with SASS. The theme layout and skin is easy to customize through extensive variable parameters.

Thanks.

zenko1986

over 8 years ago

Hi! I would like to validate the retype password on the signup form, but it is not working.


<div class="form-group m-form__group">
                        <input class="form-control m-input" type="password" placeholder="Password" name="password" [(ngModel)]="model.password" #password="ngModel">
                    </div>
                    <div class="form-group m-form__group">
                        <input class="form-control m-input m-login__form-input--last" type="password" placeholder="Retype Password" name="rpassword" [(ngModel)]="model.rpassword" #rpassword="ngModel">
                    </div>

 static handleSignUpFormSubmit() {
        $('#m_login_signup_submit').click(function(e) {
            let btn = $(this);
            let form = $(this).closest('form');
            form.validate({
                rules: {
                    fullname: {
                        required: true
                    },
                    email: {
                        required: true,
                        email: true
                    },
                    password: {
                        required: true
                    },
                    rpassword: {
                        equalTo : "#rpassword"  
                    },
                    agree: {
                        required: true
                    }
                }
            });
            if (!form.valid()) {
                e.preventDefault();
                return;
            }
        });
    }

It shows the message that “Please enter the same value again.” when the two passwords are the same. Can you help me?

keenthemes Author

over 8 years ago

Hi,

Please note that our support is provided only to verified buyer who has “purchased” badge. If you purchase the theme from other account then you can email our support at support@keenthemes.com and provide you purchase key. I hope for your understanding.

Thanks.

quadnary Purchased

over 8 years ago

Hi, I added new module,component and html under src/app/theme/pages/default/order as follows order.component.html order.module.ts order.component.ts and configured theme-routing.module.ts to point order.module#OrderModule also added routerLink as /pos/order in aside-nav.component.html. When I navigate to Order link , the header is not populated and side menu is half-filled with background. Please have a look at these images https://ibb.co/gXVVNw https://ibb.co/cYmFpb

Please let me know if I am missing anything.

keenthemes Author

over 8 years ago

Hi,

Is there any error in the console? Can you try to add this to your order.component.ts?

    selector: ".m-grid__item.m-grid__item--fluid.m-wrapper",

Thanks

$49

Included: Quality checked by Envato
Included: Future updates
Included: 6 months support from keenthemes

Extend support to 12 months $39.38 $16.88

Quantity

Price is in US dollars and excludes tax and handling fees

This item was featured on ThemeForest

Power Elite Author

keenthemes

View Portfolio

Last Update	4 June 2026
High Resolution	Yes
Compatible Browsers	Firefox, Safari, Opera, Chrome, Edge
Compatible With	AngularJS, ReactJS, Bootstrap 5.x, Bootstrap 4.x, TypeScript
ThemeForest Files Included	PHP Files, HTML Files, CSS Files, Sass Files, SCSS Files, JS Files
Columns	4+
Documentation	Well Documented
Layout	Responsive
Tags	admin dashboard template, admin themes, angular, asp.net core, blazor, bootstrap 5, html, laravel, metronic, react, shadcn, tailwind, tailwind css, vuejs
Created	13 years ago

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

keenthemes supports this item

12220 comments found.

keenthemes

Tell us what you think!