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.

hi,

I need for data table export option and editable table it’s not there for 5.1 version so i need those things which version you will update and when?

Hi,

The editable rows and export options will be implemented in the following updates very soon. Stay tuned!

Thanks.

Pre-buying question:

The angular version is built from the ground on Angular or just supports Angular plugins? Thanks and sorry for the newbie question (I’m starting with Angular)

Hi :),

Thanks for your interest in Metronic. Current Angular version is just a wrapper on the default jquery version. We are now working on the native Angular version and we will release it in 2 months time. However you can purchase Metronic now and get all future updates including the native Angular version soon. If you need any further clarifications please let us know.

Thanks.

Amazing Work, Good Luck With Sale :)

traivan98

Many thanks :)

Hey there. Congrats on a great product!

On Metronic_4.7.5, when I click on a link from full screen mode, scroll bars don’t work on the page that I go to because the class page-portlet-fullscreen in still in the body tag. How do I get links to remove the the page-portlet-fullscreen class when clicked from fullscreen mode? Thanks again.

Hi,

Could you please explain how you are using the full portlet mode ? How page-portlet-fullscreen class is still applied to the body tag when you reload the page after a link click ?

Thanks.

Sorry. I am using Metronic_4.7.5 with AngularJS. So when I click on a link in “full screen mode”, only the body inner content is reloaded. The class .page-portlet-fullscreen does not get removed from the body tag because it doesn’t load a new body tag. How do I get the link that I click in “full screen mode” to remove the .page-portlet-fullscreen class from the body tag? Hope that is more clear.

Hi,

As a workaround you can try to call ”$(‘body’).removeClass(‘page-portlet-fullscreen’)” on link click. You can execute the above jQuery code on angular link click or you can remove the class from Body in angularjs way also.

Thanks.

I’m using Metronic v5.0.7.1 and I have a local datatable which is contains nested array so I just want to make searching in this array.

I’m able to bind my data field like that;

{
    field: <strong>'case.case_status'</strong>,
    title: "Status",
}

and this is search configuration that I stuck on :cry:

var query = datatable.getDataSourceQuery();
$('#m_form_status').on('change', function () {
    datatable.search($(this).val(), 'case.case_status');
}).val(typeof query.case.case_status !== 'undefined' ? query.case.case_status : '');

After that I’m getting this error “Cannot read property ‘case_status’ of undefined”. How can I specify the nested field in this case?

By the way if I replace my field to ‘count’ which is in my array instead of ‘case.case_status’ its work very well. Just nested fields give this error. How can I solve this?

Also here my sample json data;
[
 {
   "id": 93,
   "case": {
     "id": 99,
     "case_status": 1,
   },
   "user": "1",
   "count": "2",
   "created_at": "2018-02-08T09:00:00.884590+03:00",
   "modified_at": "2018-02-08T09:00:00.884612+03:00",
   "is_deleted": false,
 }
]

Hi,

Currently, our mDatatable does not support the local search on with nested objects. We will consider this in a future updates.

Thanks

I do not use all of the vendor.js file. 5 mb file is just a hurt for me. can not I separate all the libraries?

Hi,

You can reduce the build size by excluding unneeded features from the build config – “tools\conf\default.json”. To do this first you will need to install the required tools(nodejs, gulp, npm, yarn) referring to the documentation.

Thanks.

Hello, I’m having trouble displaying the text “Please wait…” in angular datatable while fetching the data. It is showing up when resizing or changing page but not when it gets initialized.

this.datatable = (<any>$('#formulationOperationsDatatable')).mDatatable(this.createDatatableOptions());

Datatable options:

datatable_Options

Is it possible to fix that?

Hi,

We will fix it and include it in the next update release.

There is missing call for loading during fetching data in the plugin,

getData: function() {
   Plugin.spinnerCallback(true);

Thanks

There is a problem with select2 in the popup. https://keenthemes.com/metronic/preview/?page=components/forms/widgets/select2&demo=default

input does not work. http://prntscr.com/idlibp When do you plan to fix it?

Hi :),

Thanks for informing this issue. We will check it further and provide a fix in the next update asap.

Thanks.

OK thanks. And when will this next release?

We can’t confirm the ETA yet but it should somewhere in a few weeks.

Hello support, we want to purchase extended license 5.1 on version 4.7.5. Does 5.1 license support 4.7.5?

Hi :),

Yes, sure. You can purchase the extended license and use if for any version. The license you purchase is applicably to any version of the theme you use. If you purchase the theme now you will get both, the new v5.1 and v4.7.5 versions. If you need any further clarifications please let us know.

Thanks.

Hello, I’m facing some issues while using Angular Fullcalendar module( https://github.com/Jamaks/ng-fullcalendar ) with this template. When i’m using the Angular FullCalendar module, its running fine in other angular project of my own.

Please help.

Hi,

Could you please contact our support(support@keenthemes.com) and provide more info for the issue ? Maybe you can share s screenshot of the error appeared in the console.

Thanks.

I want to run the jQuery widget. “Uncaught TypeError: $ .widget is not a function” error. When I import the file “jquery-ui.js”, the widget is fixed. but “Uncaught Error: can not call methods on tooltip prior to initialization; attempted to call method ‘dispose’” error.

example; <script src = “vendors / base / vendors.bundle.js”></ script> <script src = “https://code.jquery.com/ui/1.12.0/jquery-ui.js”></ script>

Hi,

jQuery UI and Bootstrap tooltip plugin has known name conflict and you will need to exclude jQuery UI’s tooltip plugin from the jQuery UI build. Metronic includes jquery-ui without its tooltip plugin and you can check include it from: “assets\vendors\custom\jquery-ui\jquery-ui.bundle.js”.

Thanks.

Hi !! If I buy a new license now, will I be able to use the Old Metronic? will be still supported?

Hi :),

Yes sure, the old version will be included as well.

Thanks.

Feature request to the native angular version It will be great to add some datatable, grid plugins for real big data application. The actual metronic lack of those plugins. Also, DataTable lack of native functionality for keeping user selection in the grid while navigating through the pagination. Check out some of the powerfull grid angular plugins: https://www.ag-grid.com/best-angular-2-data-grid/ https://js.devexpress.com/Demos/WidgetsGallery/Demo/DataGrid/MultipleRecordSelectionModes/jQuery/Light/ It will be great to see some metronics style integration with those! Keep the great work! :grin:

Hi :),

Thanks for the suggestion. We will definitely consider the above features.

Hello, i’m facing problem using forms in ‘aside-nav.component.html’, its showing me error for ‘ngForm’ and ‘ngModel’, i’ve sent the screenshots at ‘support@keenthemes.com’ can u please have a look and help me with it.

Noted, we will reply you shortly.

Kindly awaiting your response

Our support team has replied to your email. Could you please double check ?

Hello,

Pre-sales question *

I want to build a web app, this web app will have paid subscriptions. Example. will work this way:

My agency- ( Manages all Clients data ) 1- Admin Dashboard

Client 1 Agency- 1- Manager Dashboard 2- Staff Dashboard

Client 2 Agency- 1- Manager Dashboard 2- Staff Dashboard

Client 3 Agency- 1- Manager Dashboard 2- Staff Dashboard

In order to have a ” Client 1,2 or 3 Dashboard ”, you will have to pay a monthly subscription fee.

I am basically creating a very big CRM where inside I manage multiple small CRM’S

And the buyer can manage it’s own CRM

I will not sell your theme like on themeforest for example. I will use your theme it for one single main CRM where inside are multiple CRM’S

The best example is this i could find to better understand is this one: https://demo.getnextpost.io/

It is one web app – with one design ( admin template ) with multiple users based on a subscription.

Please confirm few things:

0- All above it is considered SAAS ? 1- If I buy standard license, can I use it for multiple domains ? 2- If I buy standard licence, can I use it for multiple sub-domains ? 3- I will have to buy a standard licence for each CRM ? 4- As per ThemeForest licensing, do I have to buy the extended licence to achieve my goal ? 5- As per ThemeForest licensing, do I have to to buy standard licence to achieve my goal ?

I will use your admin template only to design all small CRM’s + main CRM

Looking forward for an answer.

Thank you.

Hi :),

Sorry for the late reply. Yes, for your service can be considered as a typical SAAS application you will need to purchase one extended license and it will cover the above model. If you need any further clarifications please let us know.

Thanks.

Hello! We use the Metronic version 5.0. We need to connect https://vitalets.github.io/x-editable/docs.html which was actively used in version 4.0. The question is how to do this? In x-editable jquery version 1.5, and we have in the metronome version 5.0 jquery 3.0? Getting conflicts, how to fix them?

Hi,

Unfortunately X-editable plugin is not available for Bootstrap 4 yet and it has issues with latest Select2, Typeahead, Datepicker plugins. This plugin is no longer maintained and at the moment you can not use it with Metronic 5 as we can not control its source code. We will try to find a workaround if there is any other similar plugin available out there.

Thanks.

Upgrade your calendar, chat, and project management apps….please.

Your form builder stuff I am sure is great for some people but at least give us something good to work from.

Most templates will have: inbox, compose, and view message functionality.

Chat would be great if you could at least get us started in a better interface were we could add groups.

Project management/tasks can be greatly improved.

Take a look at what is out there, these are pretty universal and I would hate to build something and have you release your own in a week. The framework would at least give us something to work from.

Thanks!

Hi :),

Thanks for your feedback. We are working on those modules and apps and we will start releasing them one by one. A lot of new features will be released soon. Stay tuned!

Thanks.

Great to hear. ‘Soon’ can be a funny word. A week? A month? Three months?

Also is there a reason that you are packaging v4 with the v5 zip file? Do you have to do that to still provide both versions?

Unfortunately we can not give a clear ETA for those features since we at the same time we are working on other features as well. In the meantime we still have to include v4 as a reference for customers who still use it. I hope for your understanding.

Hi, In our company we use Metronic 4 in a .net web saas. Now we are planning update the theme to it’s version 5. In a quick test we are doing are trying to customize the $m--brand-color in the default/src/sass/framework/_config.scss file but when we complie using gulp --prod task as you sugest in the docs the change only affect some buttons but not global in all theme. Any idea or sujestion why happen this and how we can fix it?

screenshot: Screen_Shot_2018_02_09_at_08_45_30

Hi :),

Great. Glad you have a good progress with V5 migration. To compile only selected demo you will need to specify the demo id in the config file:

{
    "config": {
        "demo": "demo2",
         ..................
     }
}

If you need any further clarifications please let us know.

Thanks.

We try this but it compile all 11 demo folders anyway.

Screen_Shot_2018_02_09_at_14_34_35

If we modify line 18 to

 dist": [

            "./../dist/assets" 
        ]" 

the compile is closest to the result we expect, that is have only one folder “dist” with assets.

Screen_Shot_2018_02_09_at_14_47_06

But due to the complex theme structure we don’t know if it is a good idea or not?

You can simply remove other demo folder(it was left from the default package) and keep only your current demo. Yes, you can change the dist path. Our build system is quite flexible and lets you to configure all path related settings. If you need any further clarifications please let us know.

When is Demo #11 expected to arrive? :) Best wishes!

Hi :),

As soon as possible.

Thanks for the wishes!

FATAL ERROR: CALL_AND_RETRY_LAST

For more info, now i can run with “ng serve”. So seems that i need to config the production path/url or something, the question is where to config ??!!!

Hi,

Please check the documentation, on title “Possible issues with Angular build”. https://keenthemes.com/metronic/documentation.html#sec73

There is a way to build AOT if you got the error “JavaScript heap out of memory”.

Have you added the .htaccess in your build output directory? Also, have you fix the “base-href” in your index.html file?

https://angular.io/guide/deployment

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