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,111 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, congratulations for your work.

Im having some problems with new version. The color pallets pro Metronic 4 are still enabled for version 5? It change a lot in css.

Metronic 4 will be not updated anymore?

Hi :),

Thanks for the wishes.

Metronic v5 and the old v4 version is not compatible and to migrate to v5 you will need to reintegrate your code with the new version from scratch. The new version uses the latest jquery v3.1 and Bootstrap 4.x which come with breaking chances as well. If you need any further help please contact our support at support@keenthemes.com

Thanks.

Hi, I am using metronic 5 and having issue in top bar. I want to decrease height of top in default layout. Kindly guide me how to do that?

Hi,

Could you please contact our support at support@keenthemes.com and provide us with more details for the issue ? What is your Metronic version, what did you customize and what error did you get ? If you are not using the latest version please consider updating your current version since in the latest version we have provided with some fixes and improvements.

Thanks.

Ok Thank, But I am using current metronic 5 Default – Backend System version . and Want just want to decrease top header height.

Sure, please email our support and our support team will guide you.

hi is it work well with ios ?

Hi :),

Yes, sure. Metronic works well with all major desktop and mobile browsers. If you need any further clarifications please let us know.

Thanks.

Could you please add me to your github repository. My username is: morrisandy

Hi, please submit your github username here. https://keenthemes.com/metronic/?page=github

If you have entered wrong username, let us know.

Thanks

datatables performance is not so good

Hi,

Thanks for your feedback. Could you please provide us more details ? Basically our mDatatable plugin works quite fast if it’s properly setup. Could you please share with us how your setup and usage ?

Thanks.

actually, i thought you suppose to know, there is a comment in datatables.js todo tag: // todo; fix performance

Hi, Yes, we are aware of it. Thanks for your feedback. Thanks

Hi,

I want to add form validation on repeat able fields what do for it

Thanks in advance :)

Hi,

I would suggest you to try to goole to find a relative example. For example this can be useful: https://stackoverflow.com/questions/40817758/jquery-validate-rules-and-messages-for-repeating-fields

At the moment we do not have ready snipped for this requirements but we will try to implement it in a future update.

Thanks.

+1 for VueJs

Sure, it will arrive soon :) But no ETA at the moment. We are in the early stage of doing R&D. Stay tuned!

HI Metronic Theme, In metronic Timeline 1 Demo we want the whole Timeline to look like how its looks in tablet or mobile version …i.e below max width 1200 px We want that same for Desktop View Thanks !

Hi,

Noted. We will consider this in a future update. We will need to create a new timeline component with vertical timeline view. Stay tuned!

Thanks.

Hi Keenthemes, It will be too long to wait for future Update ….Are there any tweaks which help to achieve the above requirement…May be Some tweak in css file on class “m-timeline-1 m-timeline-1—fixed ::after” Thanks

Hi,

Are you able to compile the sass files ? Have you installed the build tools ? If not you can refer to the theme documentation and install the build tools. Then you can write to our support at support@keenthemes.com and our support will guide you how to implement it quickly.

Thanks.

Hello good afternoon. You use AmCharts in your theme, however, their license is paid. Will I have to pay their license to use the graphics in my designs or buying your theme, AmCharts license included? Or do I have to pay for them, too?

Hi :),

The Amcharts license must be purchased separately or you can use the free version as well(with amchart logo watermark). If you are Metronic user you can get 20% discount for the Amchart licenses.

Thanks.

Hi keenthemes. Just a little doubt: At the moment enabling stateSave option handle the custom search inputs on metronic ajax dataTable in any version? Thanks.

Hi, Sorry for the late response. Custom search input option is separate from stateSave option. stateSave option use for remember the last pagination. sorting. etc. Thanks

Hello everyone, any news about version 6? A few weeks ago I was told that it would be released soon, with some prediction of the date or month that will be released? I would like to buy more licenses, we have new projects to start, however, I would like to start with version 6. Any more concrete date estimates for us?

Hi :),

As always we are working hard and to release it in a 1-1.5 months. There going to be a lot of improvements and also the file structure and base code adjustments in order to support Vue and React in the near future. Stay tuned!

Thanks.

Hi, i am Using metronic v5.5.5 demo12 theme, I made masterpage (layout) and want to make dynamic menu with jquery,

i write this script;

var url = window.location.pathname;
             $('#m_aside_left  a').each(function (index, element) {
                 linkx = $(this).attr("href");
                 if (linkx == url) {
$('.m-aside-menu').addclass('m-menu__item  m-menu__item--active');
        $('li .m-menu__item').parent("li").addclass('m-menu__item m-menu__item-submenu m-menu__item-active m-menu__item--open');
        return;
});
}

it’s not work correctly, how can solve it? thanks.

Hi :),

We would suggest you to handle the menu link states in your backend code(this is very common way of doing it). If you need to implement this frontend JS code you can use the mMenu class API method “setActiveItem” as shown below:

var menu = new mMenu('m_ver_menu'); // HTML ID:  m_ver_menu
var menuItem = mUtil.get('my_menu_item_id');
menu.setActiveItem(menuItem); // set active menu
//menu.resetActiveItem(menuItem); // reset active menu

“my_menu_item_id” is the HTML ID of the menu node’s(LI element).

Also our support is provided for verified buyers so if you have any further support enquiries please contact our support at support@keenthemes.com and provide with your purchase key.

Thanks.

Hi, do you have a rough ETA on Demo #14? :)

Hi :),

Thanks for your feedback and waiting. We will be release Demo 13 and Demo 14 after Metronic v6 release in 1-1.5 months. Stay tuned!

Thanks.

Hi, may i know http://keenthemes.com/preview/metronic/theme/admin_1/dashboard_2.html is which demo? after i purchase do i get the preview template?

Hi :),

Thanks for your interest in Metronic. This is Metronic’s old v4.x version which is no longer included in the current version. However if you need it we can provide you a link to download it after your purchase the current verison. You can purchase the current version v5.x and still use the old version if you like.

Thanks.

Hi :). Thx keenthemes replied. For Demo12 why when click on other link it display Inner page content goes here

Hi :),

The default demo shows all the available features that can be globally used for other demos. Other demos only shows their unique layouts and you can use any feature you see in the default demo.

Thanks.

Hi, In Meteronic 5 have pre defined color classes?

And font-size classes as well?

Hi :),

Metronic has the font size and state based color classes. Yes, all helper classes are listed here: https://keenthemes.com/metronic/?page=docs&section=stylesheets#docs

If you need any further info please let us know.

Thanks.

Hello, I would like to contact a web developer to carry out a project with this template. halcerpolanco@gmail.com

Hi :)

If you have any question, please send an email to support@keenthemes.com

Thanks

Hi, i am Using metronic 5 Default Layout, I have to ask when we open page left menu side bar open by default I want to close that side when user open page first time.

Hi :).

If you need to minimize the sidebar by default on page load please add “m-aside-left-minimize m-brand-minimize” classes to the body element.

Thanks.

m-aside-left—minimize Used highlighted class to minimize sidebar, kindly guide clearly your above guidance very unclear. And your query response time is 12 hours which to big. Kindly update your customer ASAP. Thanks.

Hi,

If you need the aside to be hidden by default and let user to open it you can use the layout builder to setup the layout as per your requirement and you can download the HTML template with snippets and you can use it in your application by pointing to your assets path.

Please go to https://keenthemes.com/metronic/preview/?page=builder&demo=default layout builder page and select following options:

1. Open the Left Aside tab.

2. Uncheck “Allow Aside Minimizing”.

3. Check “Allow Aside Hiding”.

4. Check “Default Hidden Aside”.

Then you can preview this layout configuration in real time. Please note that layout builder adds special classes and enable some extra HTML code according to your setup. Then you can export your prefered layout’s HTML code by referring to the explanation in the layout builder page. Basically layout builder allows you to download the master HTML template that contains of the partials(header, footer, aside, etc).

If you need any further help please let us know.

Thanks.

Hi, I want skip left side menu bar from “Default – Backend System” Layout. Just want top menu bar. so plz guide me regarding this issue.

Hi :),

Sure, we will guide you.

Please follow steps:

1) Remove “m-aside-left—enabled” class from the body tag.

2) Remove “m-aside-left” DIV completely from the HTML code.

3) Go to ”” and remove the below line from line #111 in “src\sass\demo\default\aside\_aside-left.scss” sass file and recompile the css files from the edited sass files using the “sass” command line task.

padding-left: array-get($layout, self, default, width);
If you need any info on editing sass and compiling the sass files please refer to the theme documentation in: https://keenthemes.com/metronic/?page=docs

IThanks.

Hi

I’ve just opened the demo files in sketch, but some of the icons are missing (Like the drop down icon and the notifications bell) how do i get these to work?

Hi,

You will need to install icon font, not svg files from the link. Please try to check https://www.fontspring.com/support/installing/how-do-i-install-fonts-on-my-windows-pc . If it still does not help, please send your screenshots of each step to support@keenthemes.com.

Thank you.

Hi I have told you I have already installed the fonts. Doesnt work. I’ve just sent an email.

Hi,

We’ve replied to your request through email.

Thank you.

Hi, I have just ask you regarding bootstrap version, can metronic 5 support bootstrap 3?

Hi :),

Sorry for the late reply. Metronic v5 supports only Bootsttap 4.x. If you need any 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