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,092 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 :),

Thanks for reporting this issue. We will release the fix in the next update. In the main time you can use below hot fix in custom.css file:

.sidebar .dropdown-menu:after,
.sidebar .dropdown-menu:before {
    display:none !important;
}

Thanks.

Hi

I might not have totally understood the purpose of your theme, which looks great. Is is a theme for admin pages. If yes, can it be coupled with another theme?

Hi :),

Metronic is an HTML theme mainly used to create custom web apps, admin panels, SAAS sites and any type of websites. Coupling with another theme is up to you. You can use it as you wish according to your project requirements. However the theme is provided as it is and any further integration, implementation and customization is reponsibility of buyers.

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.

Hi! your tool is looks amazing! but. Where can i find documentation or something to figure it out to how I can use this? is there a trial version or something like that ? (i know the problem of piracy) But, at least can u tell me about another tool aproched to this one to get a idea (ex: This works like bootstrap) . Thanks in advance

Hi :),

Thanks for your feedback.

The documentation will be available in your purchased package. Also you can see the source code of the theme from the demo pages: keenthemes.com/preview/

If you need any further clarifications please let us know.

Thanks.

hi,

can’t seem to fire up the angularjs version. is there any short how-to available?

Hi :),

To start working with AngularJS you will need to refer to “theme/admin/angularjs” folder. Also you should check AngularJs documentation https://angularjs.org/ and angular UI router plugin https://github.com/angular-ui/ui-router and ocLazyLoad plugin https://github.com/ocombe/ocLazyLoad.

If you need any further assistance please contact our support@keenthemes.com

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

Thanks.

Hi! Thanx for Theme!

How can i make a fixed sideBar? i see it in the examples (in the settings menu) but can’t understand what to implement to do this

not work

thanx, solved sorry)

Glad to hear that. Good luck with your project! :)

Greak work…but there is some issue with modal window… i have checked that any plugins like datepicker/form validation dont work on modal window…since the supported css/js is not loaded in that ajax modal window…can you provide an example of file validation or date time picker in ajax modal window…

Hi :),

Those are different 3rd plugins and integrating them all is not covered by our support. You can follow the each plugin’s documentation and implement it according to your project requirements. Just some key notes on this. First you will need to load the js and css files of those plugins on your master page. The used plugins must be loaded before you call any content via ajax.

Thanks.

Hello,

First of all, thanks for the great work you’ve put into creating this great theme.

My problem right now with the datatable, when I attach rows dynamically (ajax call for data, but reformat using othercall before row().add() them to the datatable) the top select all checkbox for the table no longer works to select all checkboxes.

Please help

Hi :),

Whenever you add a new row that contains of a styled checkboxes you should initialize the newly added checkbox using below function:

..... // row with a checkbox added
Metronic.initUniform(); // it will initialize all newly added checkboxes

If you need any further assistance please provide us a link to your developing page or at least your code(js, html). For any further support you can email us at support@keenthemes.com.

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

Thanks.

I was using the version 3.1.3 and after upgrade to version 3.5.1 I have found one issue:

- Using extended modals, the backdrop div doesn’t appear and the background color remains unchanged.

See at: http://www.keenthemes.com/preview/metronic/theme/templates/admin/ui_extended_modals.html

Thanks.

Leandro

Hi :),

Thanks for reporting this issue. We will check it further and fix it in the next update asap. If you need the fix urgently please email our support(support@keenthemes.com).

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

Thanks.

Hi, tks for reply.

I needed fix it asap. So, I found the issue code:

Bootstrap.css (v3.1.3 – Bootstrap v3.2.0): .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }

Bootstrap.css (v3.5.1 – Bootstrap v3.3.1): .modal-backdrop { position: absolute; top: 0; right: 0; left: 0; background-color: #000; }

I made one workaround in my custom.css: .modal-backdrop { position: fixed; bottom: 0; }

[]s

Hi :),

Thanks for sharing this. We will check it further and use the fix in the next update.

Thanks..

Goodmorning, I’d like to know if there’s a solution for my problem. I’m trying to use DateTimePicker, but if I link a validator to this item, when Valid method i triggered, calendar icon do not remain aligned with input text. What could I do to solve this issue? Thanks in advance

Hi :),

Can you email us a link to your developing page ? Or at least provide us your code(js, html) so we can check it and advise you further. You can email the details to our support at support@keenthemes.com

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

Thanks.

Email templates do not work properly and design is messy even when using:
Before deploying this email template into your application make sure you convert all the css code in <style> tag using http://beaker.mailchimp.com/inline-css. Chrome and other few mail clients do not support <style> tag so the above converter from mail chip will make sure that all the css code will be converted into inline css.

I think you have to combine all these style sheets in to one. Ink – Responsive Email Template Framework Based: http://zurb.com/ink/ uses their style sheets and Metronic added some custom css.

How to fix all this? Can you make ready HTML email template and test yourself before publish?

Hi :),

Thanks for your feedback.

Can you please provide us more details so we can investigate the possible issue ? Did you tried the inliner tools from http://zurb.com/ink/inliner.php ? Are you having the issue with original templates or after you modified ? For any further assistance you can contact our support(support@keenthemes.com)

Thanks.

Hi, I’d like to know if it’s possible to use ecommerce widgets (like order list, order detail, product list, product editing, etc) that I see in the HTML version of Admin1 also in the AngularJs version.

Thanks.

Hi :),

Yes, sure you can. The ecommerce listing samples are based on the ajax datatables. You can check the ajax datatables integration in the AngularJS version: http://www.keenthemes.com/preview/metronic/theme/templates/admin/angularjs/#/datatables/ajax.html.

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.

I downloaded Center suggests? Download not available Item reached download limit

Now I can not download the theme, but I spend money?

I am very anxious, please help me to solve!

Can you help me, they did not reply to two days. Or the theme into my mailbox.

My network is very poor,

Hi,

Sorry, this is not in our control. We are not allowed to distribute the theme outside the marketplace. Please hold on and Envato will reply you soon.

Thanks.

hi just want to ask if sass file is available? as it said supported but not sure if it is available? Thanks

Hi :),

Yes, the SASS files available for all 3 admin themes. But for the frontend themes SASS files are not available.

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.

Hi Keenthemes,

I use theme ‘Admin’ with a fixed header and a fixed footer. For the fixed footer I used the code you posted 2 years ago. This is the code:

<!- override footer-sticky to have a sticky footer which stays on the bottom -> <style type=”text/css”> .footer-sticky { position: fixed; /* this makes your footer sticky / width: 100%; background-color: #333; bottom: 0; / this makes your footer stick at the bottom */ } </style>

It works fine, except for the menu toggle button (showed on mobile device). When you scroll down and you click on the button, the page does not scroll back tot the top. How can I fix this?

On this (temporary) page you can see what I mean:

http://playground.dubbel16.nl/metronic/theme/templates/admin/test.html

Thanks for excellent support.

Cheers, Robert

Hi :),

Noted. We will check your email asap.

Thanks.

Hi keenthemes,

I almost forgot about this ‘bug’. I already solved it like this:

<script>
jQuery(document).ready(function() {
Metronic.init(); // init metronic core components
 //bug fix: extend click event for menu-toggler
$(".page-header .menu-toggler").on("click", function(event)
{
$('html, body').animate({scrollTop: 0}, 1);
});
Layout.init(); // init current layout
QuickSidebar.init(); // init quick sidebar
Demo.init(); // init demo features 
});
</script>

Any harm to do this (side effects)?

The page should always go back to the top of the screen, when you click on the ‘menu toggler’. It is not necessarily there. The page can be somewhere halfway, so it should scroll back to the top first.

You do not notice this behavior when you do not have the header permanently sticked to the top (like in your example page).

Hopefully you see what I mean, I really can’t explain it any better.

Greets, Robert

Hi :),

Thanks for the suggestion. We will double check this issue and if needed release the fix in the next update.

Thanks.

Hi, I intend to use an Ajax Portlet but inside the portlet-body I need to write a message that should contain a button that would do the same as the reload button in the tools div. I tried to add to a button or an the data-url – no success. I tried to add some Ajax code for onclick in the link… same… :( Is there any quick option to add this kind of button / link ?

Hi :),

In your case you will need to write your own code to reload the content on button click. Its quite simple. Just attach an on click handler to the button and reload the portlet content on ajax request completed:

$('#my_btn').click(function(){
    var portlet = $('#my_portlet');

    // show portlet loading 
    Metronic.blockUI({
          target: portlet,
          animate: true,
          overlayColor: 'none'
     });

     $.ajax({
            type: "GET",
            cache: false,
            url: 'some_url.php',
            dataType: "html",
            success: function(res) {
                   Metronic.unblockUI(portlet);
                   portlet.find('.portlet-body').html(res);
            }
      });
});

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.

Hello Metronic

I purchased your theme long time ago , I think I purchased it on 2013-05-16. I still used the old theme because it is easier for me to change things fast.

I need to know how I can add new toolbar items for the CK Editor . I need to be able to change color of texts there.

Please let me know which file to modify.

Thanks.

Hi :),

You just need to download the latest version from http://ckeditor.com/ and replace it in the assets/plugins folder. Please make sure you downloaded the full version which comes with extended toolbar.

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, there…:))) Exellent work guys!!!

Just want to ask, is there simple way to avoid Horizintal menu source code duplication in Horizontal & Sidebar Menu Layout, but to keep the Mobile compatibility? In source code comments you mentioned that the Horizontal menu is desktop version… Is there a mobile one without this code duplication?

Thanks in advance and keep up good work…:))))

Hi :),

Thanks for your feedback.

This was in order to handle both horizontal mega menu and sidebar menu on mobile view by merging them into single navigation menu. However this applies only for admin 1 and admin 2 themes. Admin 3 theme has only the horizontal menu and there is no duplication on mobile view.

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.

Hi there, you may have already answered this before but I did not find it in the comment search. I want to implement a dual menu in Admin 1. Both horizontal megamenu and sidebar and with different navigation options.

Can I do both menu on one page? If yes, what files do I need to edit?

THANKS!

never mind this question: I think I can try use this page here for the two menus: :)

http://www.keenthemes.com/preview/metronic/theme/templates/admin/layout_horizontal_sidebar_menu.html

Sure, good luck with your project! :)

This may be a bug, please confirm:

On Admin template 1, with sidebar setting changed to ‘hover’ mode and when sidebar is collapsed, the menu shows up label text as well on mouse over and breaks out of the sidebar into main content. You can view this behavior here: http://www.keenthemes.com/preview/metronic/theme/templates/admin/index.html

Hi :),

We checked this setting and no issue encountered. Everything seems working fine. If possible could you please double check it and send following details to our support(support@keenthemes.com):

1) Your device model. 2) OS and browser version. 3) Some screenshots where we can see the issue clearly.

Thanks.

Hi there, I have only seen the preview so far but I can tell it is an awesome template. I plan to use this with PHP backend and give the option to my users to switch look and feel between admin these 1,2,3 in preferences area.

I assume there are no changes in HTML between 3 admin templates. Only JS and CSS may be different. Is that correct?

How do I list all the differences in JS and CSS between the three templates so that I can dynamically switch them? Thanks!

Hi :),

Thanks for your feedback.

There are some slight differences in HTML code of header, sidebar, footer, page title and, breadcrumns. But the content part will be similar as content part uses global components and plugins.

To switch the themes you will need to refer to the HTML code of each theme. Each theme has own js and css files and also includes same global assets.

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.

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