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.

Hello, did you release a version to support yii framework? I read a post one year ago in this subject and i would like to ask.

thanks

Hi :),

Thanks for your feedback. But we are not planning Metronic version for php or other language frameworks. In the near future will be fully focusing on improving the HTML version.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

I am getting an error message, “Stylesheet is missing.” after uploading the folders

Hi,

Are you not uploading it as a wordpress theme ? Please note, Metronic is an HTML theme but it is not fully functional admin system or WP theme. Metronic provides you just html templates without actual functionality. The actual implementation is responsibility of buyer. Basically web applications contain of 2 layers:

1) Design and Frontend UI(html, css, javascript)

2) Actual system implementation using a server side language such as PHP or Java, and database engine such as MySQL or Oracle.

So our Metronic theme, as an HTML theme helps you on the step #1. The step #2 will be responsibility of the buyers as every buyer has own requirements and system specification.

If you need any further clarifications please let us know.

Thanks.

Hello

Could you add ```;``` in javascript files. Minimizing the files always generate an error. You can use jshint/jslint to detect where they are missing.

Thank you

Hi :),

Sure, we will fix it in the next update very soon.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hi,

I am trying to enable both horizontal and vertical scroll in Ajax Datatables (“table_ajax.html” )

Added following lines in CSS imports,

<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/datatables/extensions/Scroller/css/dataTables.scroller.min.css"/>

Added following lines in JS imports,

<script type="text/javascript" src="../../assets/global/plugins/datatables/extensions/Scroller/js/dataTables.scroller.min.js"></script>

In “table-ajax.js” when following option is added under,

dataTable: { ... "scrollY": "300", ... }

Then datatable is not getting initialized correctly. Checkbox in header does not get uniform plugin initialized, and actions on “select” button are not working.

Can you please provide details on how to enable both horizontal and vertical scroll on Ajax Datatables (“table_ajax.html” ).

Thanks

Hi :),

Please add below code in the end of handleFixedDatatable function:

        // reinitialize the scroller table layout on window resize
        Metronic.addResizeHandler(function () {
            grid.getDataTable().columns.adjust();
        });

The above code will bind a handler which resizes/updates the columns on window resize.

Thanks.

I added the provided code at the end of “handleFixedDatatable” function. When page size is reduced to less than table width, still 2 horizontal scroll bars appear (one for header + filter row) and other for table data.

Hi,

Please note that this is the plugin’s limitation since it not designed to handle responsiveness. Current solution works in desktop only.

If you need any further clarifications please let us know.

Thanks.

nice admin template gud luck :)

Many thanks :)

Hi,

I am a newbie to this so sorry if my question seems silly, but can I link this to my wordpress? how exactly do I set this up? customise it etc? :)

Cheers

Hi :),

Thanks for the comment.

Metronic is an HTML theme but it is not fully functional admin system or WP theme. Metronic provides you just html templates without actual functionality. The actual implementation is responsibility of buyer. Basically web applications contain of 2 layers:

1) Design and Frontend UI(html, css, javascript, jquery, bootstrap)

2) Actual system implementation using a server side language such as PHP, Ruby, Python, Perl, Java, .NET, etc and database engine such as MySQL, MSSQL, etc.

So our Metronic theme, as an HTML theme helps you on the step #1. The step #2 will be responsibility of the buyers as every buyer has own requirements and system specification.

If you need any further clarifications please let us know.

Thanks.

Hello I am using multiple select I want to select options by Jquery not by clicking how can I do this I am using:
$('#WeekEndDayIds option[value="' + res[i] + '"]').attr('selected', 'selected');
                     
<select class="multi-select" id="WeekEndDayIds" multiple="multiple" name="WeekEndDayIds">
<option value="1">Sunday</option>
<option value="2">Monday</option>
<option value="3">Tuesday</option>
<option value="4">Wednesday</option>
<option value="5">Thursday</option>
<option value="6">Friday</option>
<option value="7">Saturday</option>
</select>    

Hi :),

Please check out this code: http://jsfiddle.net/akhyp/905/

If you need any further assistance please let us know.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hi, Kindly provide fix for round buttons. Most of icons are not working with btn-icon-only. Also If we have a drop button with round , it also doesnot work as shape of button becomes odd rather than circular.

Hi :),

Thanks for your feedback. Could you please provide the code you are using so we will investigate the it and provide the fix if needed.

Thanks.

how to integrate it in word press please help

I found bug for V3.1.3 rtl version plugins.css

padding setting is diffrent. Thats create select2 text padding issue.

.form-control .select2-choice { border: 1px solid #e5e5e5; background-color: #fff; background-image: none; filter: none; height: 34px; padding: 3px 12px 0px 0; }

and plugins.css for left to right version:

.form-control .select2-choice { border: 1px solid #e5e5e5; background-color: #fff; background-image: none; filter: none; height: 34px; padding: 3px 0 0px 12px; }

Please solve in next version.

Hi :),

Thanks for your feedback. We will check it further and include the fix in the next update.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hi Ki,

When i want to use username checker ( Username #2) on modal box the popover showing under the modal box , can i fix this ?

Hi :),

In the js code below:

pop.popover({
      'placement': (Metronic.isRTL() ? 'left' : 'right'),
      'html': true,
      'container': 'body',
      'content': 'Please enter a username to check its availability.',
});

try to remove ‘container’: ‘body’ parameter or assign some other element which is in the modal body.

If you need any further assistance please let us know.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Thank you. It is work now.

You are most welcome :)

Hello, first congratulations on the layout, excellent. We are adapting it to our website, but by using chart index.html page we are facing two problems: the first is that it shows all the columns, for example, it shows only 10 columns 8 and the second problem is how to format monetary values? For example: R$ 1.155.458,21 (Brazilian Real). I thank you.

Hi :),

For the chart samples we used Flotchart open source jquery plugin from http://www.flotcharts.org/. You may get all the necessary information on using the flotcharts from its official documentation here: https://github.com/flot/flot/blob/master/API.md

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

this is a good theme. But missing project management template :).

Hi :),

Thanks for your suggestion. We will definetely consider it in a future releases.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hello . I would like thank you for your handsome templae my friend . so i have tried to find chosen select but i haven’t found it . so could you tell where i can find it in the template if it’s have been integrated .

Hi :),

The chosen plugin has some issues in responsive layouts so we decided to drop it and moved to Select2 and Bootstrap Select plugins. You can check out some samples for those plugins here:

http://keenthemes.com/preview/metronic/templates/admin/components_dropdowns.html

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Tell me please, how to integrate some data-tables (for ex. Table with Contextual Columns) into email template.

Thanks!

Hi :),

You can refer to email_system.html template and use it as a base for your custom email template. And you will need to extract the related css code(from assets/global/css/components.css and assets/global/plugins/bootstrap/css/bootstrap.css) and put it as inline css(inside style tag) and convert your email template into email client compatible template using http://beaker.mailchimp.com/inline-css

Thanks.

Hello, can I incorporate music to the onepage parallax

THanks,

Paco

Hi :),

In depends on your project requirements. Technically you can customize and extended the one page theme as far as you need. However it requires further development according to your requirements. For more info you can check our FAQ: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469/support

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

When are you going to upgrade mixItUp?

Hi :),

The mixitup plugin is now commercial plugin. We will check if we can bundle it with Metronic and if no issue with licensing then we will try to include the latest verion in the next update.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

What is New Admin Layout that is advertised? :)

Hi :),

It should be out in a few weeks. We are doing our best to release it asap.

Thanks.

Hi,

Any update on this item? :)

Thanks

Hi :),

We are working on a few new layout designs. The one we advertise will be out as soon as possible within a few weeks. But in the next update which we are planning to release in a few days will be released another uniquely designed new layout.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Anyone know if Metronic includes a js template engine like mustache or underscore? Thank you!

Yes! There’s handlebars.js!!! :)

Yes, that was included. Please let me know if you need any further assistance.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

I downloaded this product today.
Straight out of the box I loaded up into Firefox the file
C:\<mypath>\templates\metronic_v3.1.3\metronic\templates\admin\index.html
and was quite disappointed that none of the icons on the left menu work. It just displays a boxes with 4 hex digits. It’s the same problem on the top menu.
I’m on Windows 7.
Seems to work perfectly fine in IE 11 and Chrome 36.
My Firefox identifies as:
Build identifier: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:30.0) Gecko/20100101 Firefox/30.0
Would really like help to get this working. Firefox is my principle target platform.

Ok, so I see in other comments this will work for Firefox once deployed to a web server. A quick deploy confirms this is the case.

Hi :),

In the latest firefox "security.fileuri.strict_origin_policy" by default set to "true". Thats why firefox couldn't found the file font icon files(e.g: fontawesome) since browser doesn't support by default to go relatively upward, but the strange thing is, its only applied to the font files.

As a solution you have to change “security.fileuri.strict_origin_policy” to false in the about:config settings

Or you can deploy the theme into a webserver(localhost or remote server) and the icons will be displayed as expected.

For more info please refer below:

http://kb.mozillazine.org/Security.fileuri.strict_origin_policy

“Local documents have access to other local documents in the same directory and in subdirectories, but not directory listings. (Default) “

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

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