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

keenthemes supports this item

Supported

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

12221 comments found.

Hi, I loved the new themes I wanted to know which one when you are going to release the new versions?

Hi,

We are working on the next update now and hopefully we can release it in a few weeks.

Regards, Sean

Hello. I have created a template from your online template builder. I am confused as to how to get it to work. The template zip contains an index.html and a layout.html. I can see a line in the index.html that looks like an include statement: <!—[html-partial:include:{file. Is this supposed to just work? I have placed the ‘partials’ folder into the root directory of the default site. I can’t get any data to appear.

Hi,

That partial comments are for you to include it using your server side languages include function. For example PHP has require or include functions to include a content from a file. So basically you will need to have an experience in server side development. The server side development questions is not handled by our support since our support only covers the theme related fronted level questions.

Regards, Sean

i have a question regarding the ngx-intl-tel-input can you add it ? if yes i will purchase the items !

Stam88 Author Team

Hi afifosh,

Thank you for your question. In which version do you need intl-tel-input? Actually in Angular you able to use https://www.npmjs.com/package/ngx-intl-tel-input-angular7 which easy to setup yourself.

Regards, Keenthemes support

If I make a change, let’s say to index.html, why do I have to stop gulp localhost and then run gulp build and then gulp localhost in order to see the change?

How can I see updates like this in realtime w/o having to stop the server and run the build command again?

Hi,

Sorry for the late response. gulp localhost is just for previewing demo. You could run the HTML files directly in browser without using gulp. For auto build watcher, please use “gulp watch”.

Let us know if you need further clarifications.

Thanks

I am following this article https://keenthemes.com/metronic/?page=docs&section=laravel-integration to integrate theme in Laravel but it seems there are number of files and foldr are missing in demo1.

1. tools folder is missing in demo1 2. custom folder is missing Inside demo1/src/assets/plugins

Can you please add all required files and folder for demo1 and also if possible them plesae add other demo as weel.

Hi,

Which version have you downloaded from themeforest ? Or have you extracted the archive without any errors? ​ I can clearly see all folders that you mention to be missing. Please check again, perhaps try unarchiving theme again.

https://imgshare.io/image/image.t9Stg

For any further help please provide us more details and content our support at support@keenthemes.com.

Kind regards, Mindaugas B. Keenthemes Support

Very beautiful theme, I will wait for new models in VUE to buy, any prediction of when it will be released ?:

Hi,

Thank you for your interest in Metornic. Vue version is included in the package.

Please check there; https://keenthemes.com/metronic/preview/vue/demo1/

Let us know if you need further clarifications.

Thanks

Hello,

Clarification: yes, Vue version of new demos will be available as well after we release an HTML version which we target to happen in a week or two.

Thank you.

Can I change the default css prefix? the default css prefix is “kt”, such as “kt-portlet”, can I customize the prefix, such as “mt-portlet”.

Hi,

Yes, you can globally change it in the sass sources but you have to go through each sass file and do the necessary change.

We would suggest you to wait for the next update that we are going to release in a few weeks. In the next update we will remove those “kt” classes and use the bootstrap standard classes instead.

Regards, Sean

Hello, how can I configure the kt-page-loader kt-page-loader – logo so that it appears when I need it, that is to say make it appear when with jquery hide () and show ()

Hi,

Please check the page level blocking examples here: https://keenthemes.com/metronic/preview/demo1/components/extended/blockui.html

If you need any further help please contact our support and provide more info(metronic version, demo and package you are using)

Regards, Sean

Hi for the template CSS and JS files do you provide the minified compressed files as well since I cannot find it in downloaded zip folders, or do I need manually compress them from other sources?

Also, I think in older version there was a landing page as well which I was thinking of using in homescreen. I cannot find the sample in latest release. Please correct me if I wrong.

Thank you in advance.

Hi,

In order to launch the theme you will need to generate the “dist” folder from “src” folder by installing and running the build tools in command line. All the required steps are explained in the documentation https://keenthemes.com/metronic/?page=docs and also in the below video tutorials:

1. Installation jQuery/Bootstrap Version Using Gulp: https://youtu.be/d-pSVf8Xazk or Webpack: https://youtu.be/gMUbZMdDRCo

2. Installation Angular 8 Version: https://youtu.be/48HeVjnKIqI

3. Your First Project: https://youtu.be/yu0O2Y2NXxc

4. Customization: https://youtu.be/7PG5Qbg0-gM

Please note that in the video tutorials refer to an older version of Metronic so some information can be inaccurate(file paths, folder structure, etc) but the overall instructions are valid for all Keen versions.

If you need any further help please let us know. For any further info you can also check our detailed theme documentation: https://keenthemes.com/metronic/?page=docs

Regards, Sean

I used “laravel integration” step by step. But it extract all css to inline html (for all plugins) how can I stop it to be extracted?

evici Author Team

Hi tcagkansokmen.

Can you please.explain more in detail what errors do you get? Perhaps you could also provide what output do you have. Thanks.

Hi, Can you please provide a very basic implementation for each theme? I mean if I want to use a theme in my project I have to install many libraries which are really not needed! moreover I have to remove extra pages, components, modules, menus,... which takes lots of time!! I need a very basic layout which includes side bar menu with only one title in it, the default top-bar and an empty page as page-content

Noted, we will check it further and get back to you asap. Our support team has confirmed that we have received your email and will update you shortly.

Stam88 Author Team

Hi elyasold. I will try to reproduce your case during Monday.

Regards, Keenthemes support

Stam88 Author Team

Hi elyasold, In file ‘src/app/views/patials/layout/topbar/user-profile2/user-profile2.component.html’ in first row update placement=”bottom-right” to placement=”bottom-left”

Regards, Keenthemes support

Hello, where is assets/plugins/global directory for default html?

Hi,

Could you pleaes clarify which pakacge are you using? Have compiled the assets?

Please check here to get started. https://keenthemes.com/metronic/?page=docs

Thanks

just trying your KTWizard for my project. the validation doesnt work. I could stop as you mentioned in the wizard angular component. but the form group doesnt refresh or nothing rebind to html. My requirement is to show a validation error in wizard form group fields after wizardObj.stop(). Nothing works and bad user experience. The issue i found that nothing rebind and form keeps the old state. Can you advice a bit?.

Hi,

Sory for your bad experience. Could you please check if there is any js in the console log? Please send the screenshot to our support email. support@keenthemes.com

Thanks

Is there a way to scale down elements for 1080p monitors? The theme looks awesome on my MacBook Pro retina display, but in 1080p The elements are super big (fat). Thank you.

Hi,

Thanks for your feedback.

Yes, you can change font sizes globally for smaller devices:

// Root Font Settings
$kt-font-size: (
    size: (
        desktop: 13px,
        tablet: 12px,
        mobile: 12px
    ),
    weight: 300
) !default;

You can check our video tutorials to learn the best practices of using Metronic in real world projects:

1. Installation jQuery/Bootstrap Version Using Gulp: https://youtu.be/d-pSVf8Xazk or Webpack: https://youtu.be/gMUbZMdDRCo 2. Installation Angular 8 Version: https://youtu.be/48HeVjnKIqI 3. Your First Project: https://youtu.be/yu0O2Y2NXxc 4. Customization: https://youtu.be/7PG5Qbg0-gM

Please note that in the video tutorials refer to an older version of Metronic so some information can be inaccurate(file paths, folder structure, etc) but the overall instructions are valid for all Keen versions.

If you need any further help please let us know. 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

Pre-Sale question – Is there any component or template for a built in support ticket system. I know there are option under your support center but I am curious if there is any kind of ticket type system.

Hi :),

Thanks for your interest in our theme.

We do not have such template at the moment but we will definitely make one in a future update. In the meantime you can make it by using existing components and plugins. Metronic has all the UI elements to build any template page. If you need any further clarifications please let us know.

Regards, Sean

Hi!

I am building project based on Demo12. Quite may of my clients monitors are awesome wide (one of these 4/5K UltraWide), hence I have kind of “problem” with fluid layout. Fixed content looks even more ugly, since middle content is fixed and it is looks like “unattached” from frame in the middle of “nowhere”. In old (very old version) you had all page boxed. Maybe you have easy advice how to box all page. Thanks.

Hi,

Thanks for your feedback. We will revise this feature and consider enabling it in the next update. It requires major changes in the code so we have to fully implement it first. Hopefully we can release it in the next update in a few weeks.

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

Dear support,

Let me describe my problem. I am using the metronic_v6.1.7/theme/default/demo7 and I want in the dashboard to read data from a database in a php file instead of reading files from the local js file.

The datatable is the -> Exclusive Datatable Plugin

var datatable = $('.kt-datatable').KTDatatable({
          data: {
              type: 'local',
              source: dataJSONArray,
              pageSize: 10,
              saveState: {
                  cookie: false,
                  webstorage: true
              },
              serverPaging: false,
              serverFiltering: false,
              serverSorting: false
          },
layout: {
    scroll: true,
    height: 500,
    footer: false
},

So I want to read data not from the source: dataJSONArray but from a php file with query inside. Additionally I want only this datatable to refresh every 1 minute.

Please your support to my request.

Hi,

If the data is from PHP, you have to create a backend service which the datatable will call via http request to the php file. Please take a look this example and refer to the source option. It directly request the data via http. For your case is .php file which populate the data in array.

/theme/default/demo1/src/assets/js/pages/crud/metronic-datatable/base/data-json.js

To reload, you can use reload function in datatable with time interval. ​
setInterval(function() {
datatable.reload();
}, 6000);

Let us know if you need further clarifications.

Thanks

We are finding it very hard to understand the structure of HTML widget and if we copy page from another page it completely goes haywire.

Is there any guide on how the HTML structure is built? one example is kt-widget14 and kt-widget12 etc.

Hi,

Please try to use the widgets inside row/col as it used in the original HTML files. Also please make sure you copied required JS code if the widget has any chart. You can find required JS code by widget ID in dashboard.js If you need any further clarifications please contact our support at support@keenthemes.com

Regards, Sean

I downloaded the latest metronic (metronic_v6.1.8) folder. But when extracting it, files seems corrupted. Please can you fix it now. I need the latest version.

Hi,

In order to launch the theme you will need to generate the “dist” folder from “src” folder by installing and running the build tools in command line. All the required steps are explained in the documentation https://keenthemes.com/metronic/?page=docs and also in the below video tutorials:

1. Installation jQuery/Bootstrap Version Using Gulp: https://youtu.be/d-pSVf8Xazk or Webpack: https://youtu.be/gMUbZMdDRCo

2. Installation Angular 8 Version: https://youtu.be/48HeVjnKIqI

3. Your First Project: https://youtu.be/yu0O2Y2NXxc

4. Customization: https://youtu.be/7PG5Qbg0-gM

Please note that in the video tutorials refer to an older version of Metronic so some information can be inaccurate(file paths, folder structure, etc) but the overall instructions are valid for all Keen versions.

If you need any further help please let us know. For any further info you can also check our detailed theme documentation: https://keenthemes.com/metronic/?page=docs

Regards, Sean

When are you upgrading to Angular 9

Hi :),

Yes, we are trying it now and we have to fully check all 3rd party libraries with Angular 9. Hopefully we can include this in the next big update soon.

Regards, Sean

Please is there ETA for the update

As soon as it will be for the update. It may take a few weeks. Please stay tuned and you will get notified :)

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