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,108 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.

When I used tooltip in Modal with version 3.2 the tooltip showed behind modal

NOTE: The Modal doesn’t have tab-index=”-1” How to solve it?!

I solved it by changing data-container=”body” To: data-container=”#FormID” in JQ

Great :) Glad for you.

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

I had some problem about icon-font, firefox not download icon-font.

please send url for download icon-font.

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.

why i cannot changes multiple dropdown contens? my javascript: $(”#dropdownId”).empty(); $.each(result.myOption, function(val, text){ $(”#dropdownId”).append($(’<option><option/>’).val(text.Value).html(text.Text)); });

thanks:)...

why i cannot change the contents of the multiple dropdown? my javascript: $(”#dropdownId”).empty(); $.each(result.myOption, function(val, text){ $(”#dropdownId”).append($(’<option><option/>’).val(text.Value).html(text.Text)); });

thanks:)...

Hi :),

Can you please provide us more details ? Which page and plugin are you referring to ? You can send any further details to our support at support@keenthemes.com. Also please include your purchase code as we did not see the “purchased” badge for your username here.

Thanks.

Hey ther,e how do you use this? Is it a worpress admin panel theme? Can I use it for social engine? If I buy it how do i use it or integrate it?

Hi :),

Thanks for your interest in Metronic.

Yes, with Metronic you can build any web application. Basically 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. For more info you can check our FAQ here: 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.

Hello my favorite designers ever :). I have simple question, hopefully you can answer me and save my time. I like your updates all the time, and now i want update my template to use the new template design what you made. What is the simplest way to do that without loosing my current code ? just replace assets files? Thanks and keep the great work :)

Hi :),

Thanks for your feedback.

You just need to replace the assets folder. Also you will need to use the layout’s HTML code from the admin2 templates. Other features, plugins are all compatible.

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, thanks for this wonderful template !
I just upgraded my asset folder with the last version (3.2) and now portlet tabs are displayed inside the portlet instead of inside the header ?
I didn’t find any note about this in changelog or documentation.
Have portlet tab been updated ?
(sorry for my english, I’m french ^^)

Hi :),

The portlet tabs markup has been change in the last update. Please refer to the markup from the latest release.

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, we would like to use Metronic template with a regular license to build a web app only for our office.

I hope it won’t be a problem to upgrade to an extended license if we decide to sell this product as a SaaS n the future.

Can you shortly explain if that’s possible and how it is done (are there any technical difficulties or some guidelines to follow from the beginning)?

Hi :),

Yes, later you can purchase the extended license if you want to release your application with SAAS model. There should not be any difficulties. You can just purchase the extended license anytime later.

If you need any further clarifications please let us know.

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

Thanks.

in order to upgrade from version 3.1.3 to 3.2.0, do I need to download and overwrite the whole documents ?
Is there any simple way to only apply the updated files because the zip file size is 174 MB ?
Thanks

Hi :),

Basically you just need to download the latest version and update the assets folder only. Then update your HTML page’s repeating parts(header, sidebar, footer & content breadcrumb & title). The component and plugins code in the html templates should remain without major changes.

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,

I have a Question. At the Dashboard I see the Dashboard-Report-Range in the right corner. When I resize the browser-window it shows a compact version of the picker with just the calendar icon.

I would do the same with a Datatable. I will add an Icon in front of every column heading and when the window resize it should show just the icon. Can you help me please or show me where is the code you use for the Report-Range on the Dashboard?

Hi :),

Yes, sure you can do that using the Bootstrap’s responsive utils as explained here: http://getbootstrap.com/css/#responsive-utilities Basically you just need to apply “visible-lg-inline-block” class to your icon tag so it will be visible only in desktop.

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.

My DateTime Picker’s Font size is medium, but in metronic Demo is 13px. It caused by table style.

How to solve this issue?

Hi :),

Thanks for your feedback. We will take a look at this in the next update. In the main time please try to apply below css code in custom.css:

.datepicker,
.datetimepicker {
    font-weight: 300;
}

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,

I mean, I want the datetime picker font and size like Metronic demo. Because in my application looks bigger than Metronic demo.

How to make it same like Metronic demo?

Thanks

Hi :),

Try to use below code in custom.css:

.datepicker,
.datetimepicker {
    font-weight: 300;
    font-size: 13px;
}

If you need any further assistance can you provide us a link to your developing site ? We will need to debug your page in order to advise you further. But the above code should be enough if you place it in custom.css.

Thanks.

first time using Sass! I had some problems because the directory structure of sass not match the structure of the css files. if you are using Koala app as suggested in the documentation, create a file called koala-config.json in ‘metronic\theme\sass’ directory with the following content:

{ "mappings": [ { "src": "admin/layout/", "dest": "../assets/admin/layout/css/" }, { "src": "admin/layout2/", "dest": "../assets/admin/layout2/css/" }, { "src": "admin/pages/", "dest": "../assets/admin/pages/css" }, { "src": "global/", "dest": "../assets/global/css" } ] }

Just start the koala, and drag the metronic\theme\sass folder. Now, the css files will be generated in the correct place.

Hi :),

Thanks for sharing this. Really appreciate that. We will include this config file in the next update.

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

Thanks.

Hi,

I found Portlet Tools problems.

I create a blank page, then put Portlet Tools, but Collapse, Expand, Close didn’t work. I traced Metronic.js, then I found, we have to active/include SlimSlider in script. Then Portlet Tools will works.

Is it a bug in handleScrollers() or initSlimScroll() ?

Thank you

Hi :),

Thanks for your feedback.

Is

<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>

SlimScroll plugin included in your page ? Please note that SlimScroll is mandatory plugin which needs to be included in every page.

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.

How can I add an additional Column to the MegaMenu. Currently you have 3 columns. In addition how can i increase the width of each column.

Hi :),

The Mega menu content columns handled with bootstrap grid system. Each column width can be changed with bootstrap col-md-* classes(e.g: col-md-2, col-md-4, col-md-6…). For more info please check http://getbootstrap.com/css/#grid.

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.

Check boxes in Inbox are disabled. How can I enable them?

Hi :),

Could you please provide more details ? As you can see the group checkboxes work as expected in the inbox page: http://keenthemes.com/preview/metronic/theme/templates/admin/inbox.html

Thanks.

Value of a checkbox chages when clicked but the tick is not shown when checked. Even I cant show the tick mark directly modifying the value from the console.

Hi :),

Please note, Metronic uses jQuery Uniform plugin to customize the checkboxes and radio buttons. To update them you will need to use below code:

$('#my_checkbox').attr("checked", true); // change actual value
$.uniform.update("#my_checkbox"); // update the UI

$('#my_checkbox').attr("checked", false); // change actual value
$.uniform.update("#my_checkbox"); // update the UI

The same applies for radio buttons. For more info please check the original doc: http://uniformjs.com/

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 ;)

Thanks.

Version: Metronic V.31.3 – Template: Corporate
URL : http://calindo.focus.co.id/
I’ve set the header to be sticky on top of the page, not under the slideshow like the one in your demo
Question:
  • How to make the slideshow position to be behind the header and at top position:0 ?
  • If I click link, eg: “About”, the position of the destination anchor is not correct, It supposed to be below the header not behind it. How do I correct it ? it seems related to number one above.
  • How to apply mega menu to the header link ? What CSS or ID taht I must assigned ?
That’s all – Thanks

Hi :),

1) You will need to add below css code in custom.css:

.header {
   opacity: 0.7;
}

.promo-block {
margin-top: -85px;
}

2) Since you increased the header size you should adjust it in assets/frontend/onepage/scripts/jquery.nav.js in line #121(chnage 62 to your current header height):

if($target.length) {
    topPos = $target.offset().top-62; 
    self.sections[linkHref] = Math.round(topPos);
}

3) At the moment the mega menu is not available in one page theme.

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.

Hey!

I’m sorry if I’m asking silly questions here. But since I’m not aware of admin theme (as I have never used it and I’m not a coder. Just know HTML & CSS). I liked your theme http://www.keenthemes.com/preview/metronic/theme/templates/admin2/ . I have few questions.

1. Can I f i can use it with WordPress CMS.

2. Can I use frontend theme as http://themeforest.net/item/x-the-theme/5871901 OR http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226

3. And, admin theme of WordPress as http://www.keenthemes.com/preview/metronic/theme/templates/admin2/

4. Do you have example of it working on WordPress.

Hi :),

Metronic is an HTML theme and its not compatible with Wordpress admin. Metronic provides you just html templates without actual functionality. The actual implementation is responsibility of buyers. 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. For more info you can check our FAQ here: 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.

hello. i have a problem when i use ajax to populate a table, does not work the table “sample_1” of tableAdvanced.

In this case the pagination and the sortable, does not work.

I can’t find solution.

Can you help me please?

Hi :),

I would suggest you to refer Please refer to the ajax datatable feature here http://keenthemes.com/preview/metronic/theme/templates/admin/table_ajax.html template. The ajax datatables is based on http://datatables.net/ plugin. We just written our own wrapper script in assets/scripts/core/datatable.js. In the source code we have put some comments for a reference. The actual ajax datatable is initialized in assets/custom/table-ajax.js for table_ajax.html page. You can check the filter parameter for each column in table_ajax.html. Also you can use chrome dev tools or firebug to watch the ajax parameters sent to the demo/table-ajax.php.

The below page datatables.net/release-datatables/examples/data_sources/server_side.html explains how the server side ajax script generates the result.

if you need any further assistance please let us know. Next time please include your purchased metronic license so will mark you as valid user for further support.

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

Thanks.

Since this looks like a huge community and propably serious programmers are included I will post my request here and wait for answers.

I look for a serious programmer who is willing to take metronic and make it a working multi-user working site. Details concerning the requirements will be send after first contact in the user’s email.

Please post below a way of contacting you for details.

Thank you.

I have a display problem with Username Availability Checker inserted in modal view, place two images, for example Can you kindly help me? Thank you Paolo

Hi :),

In the code just remove ‘container’: ‘body’ option and it will solve the issue:

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

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.

Perfect, it works! Thanks

Great! You are welcome! :)

I made silly promise that I will not contact support anymore for silly things, I did try to follow that promise, even asked my friends (programmers) to help me out.

Guys I have simple, silly, issue, I know answers are simple, but we can’t find solution.

I use contact form from metronic, on onepage layout, issue I have: - when I click send mail, I get green msg box with msg I want, with X button in top right corner, that X doesn’t work! - 2nd issue is don’t know how to send mail, I think that submit (send) button, activates javascript or something, and doesn’t even refresh page, thus post (PHP) script doesn’t work, as POST doesn’t send out data ..

Please can somebody help me solve both issues, those are only one that are major, important for releasing my site.

Thank you.

P.S. my friend could solve it, but would take some time, to get to know files, check data etc, .. if somebody has solution in their sleeve it would be great, if not, I will bother my friend bit more. Thanks one more time.

Hi :),

We would help you but our support does not cover server side programming. We do support the theme only in frontend level. But i searched the net and found this solution: http://html5templatesdreamweaver.com/bootstrap-form.html

For the alert message block please try to use below HTML code(you can show/hide this in your form validation logic):

<div class="alert alert-success alert-dismissable">
<button type="button" class="close" data-close="alert"  aria-hidden="true"></button>
<strong>WOW!</strong> Well done and everything looks OK. 
<a href="" class="alert-link">Please check this one as well </a>
</div>

If you need any further assistance please let us know. We will do our best to help you out.

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