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,084 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!

Do you have any suggestions how to implement searched text highlight. My desired functionality is: text what was entreated in search box would be highlighted in search result string. Like in your Classic search, but with highlight.

http://www.keenthemes.com/preview/metronic/theme/templates/admin/extra_search.html#tab_1_3

Thanks!

The error checker in my IDE is reporting a number of errors in the CSS files for this theme.

For example, in \assets\admin\layout\css\layout.css: line 215: “font-weight: 300px” – units are in pixels (invalid) line 1209: “line-height: auto” – value “auto” is invalid line 1486: “display: absolute” – value “absolute” is invalid line 1497: “display: absolute” – value is “absolute” invalid line 1999: “text-style: italic” – property “text-style” doesn’t exist

There are 146 such errors across 24 files.

Can these errors be fixed to valid CSS?

Thanks!

Hi :),

Thanks for reporting this. We will fix them in the next update asap. To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Is the front-end ecommerce theme support EDD (easy digital download)? I mean if this theme easy integrate with EDD? products details, categories, etc.

Can someone help me with this question? Thanks.

Hi :),

No, its not compatible with EDD.

Basically to utilize the metronic in your custom system you will need some experience in end to end web development since this theme is not for non-developer users. Metronic is basically an HTML theme(built with HTML, javascript and css) without actual functionality(the database integration and application business model). The actual implementation is responsibility of buyer. Basically any web applications/systems 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.

Could you please update noUiSlider to version 7.x please? Most of the documentation is now incompatible with the version 6.1 that is included in Metronic.

Hi :),

Noted. We will include this in the neat update which are planning to release soon.

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

Thanks.

What should be the right way to increase font size for the entire theme? for use as kiosk application. Thanks

Hi :),

You will need to override the entire css files or change the base SASS files in order to change the font size globally. In the theme each element has own font size so its not possible to override them globally. If you need any further clarifications please let us know.

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

Thanks.

How Can I get the older versions ? I need 1.5.5

Hi :),

Sorry, the older versions are not available. You can get only the latest version from themeforest.

Thanks.

When viewing the admin3 template on mobile (iPhone specifically), the top bar icons with dropdowns (notifications, inbox, etc) get dropped to a new line. When viewing this in my desktop browser it stays on the top line as it should. Is there any CSS I can add to make it stay at the top like it does on the desktop?

Hi :),

This is expected behavior for mobile devices. Based on device width the top bar gets auto adjusted. But in mobile view the top bar can not be shown without line break due to limited space in the line with logo and toggler button.

If you need any further clarifications please let us know. To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks

Hello

i plan to include blog functionality to my site which uses metronic. Is there any way to ‘integrate’ it with wordpress or any other major blogging platform?

Or any other suggestion for adding blogging without writing my own custom code?

thanks

btw metronic is fantastic!

Hi :),

Metronic is an HTML theme only and it does not have any backend implementation(blog engine, etc). Also Metronic is not a wordpress theme that you can simply install but you can create a wordpress theme from scratch based on Metronic’s templates.

Basically to utilize the metronic in your custom system you will need some experience in end to end web development since this theme is not for non-developer users. Metronic is basically an HTML theme(built with HTML, javascript and css) without actual functionality(the database integration and application business model). The actual implementation is responsibility of buyer. Basically any web applications/systems 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.

Thank you for your thorough and fast response. I am a web developer and I already use metronic for the frontend of a side project of mine, the backend is php (laravel) +mysql stack.

Since i need to incorporate some blogging functionality, i currently embedd a blogger page into an iframe, but although i put some custom js code in it it tends to show ugly especially in mobile platforms.

Anyway, to make a long story short, i am trying to put some blogging functionality in my web-app without investing too much time, that is without converting the subset of metronic I use into a word-press theme. Maybe it is not too difficult, I don’t know, the problem is that I am not really familiar with wordpress..

Any ideas or suggestions?

Hi :),

Sorry, the wordpress integration is not covered by our support. I would suggest you to check some tutorials to create a wp theme from scratch using HTML templates.

Thanks.

Hi! when submit form by ajax , and completed it always focus on date time picker how can i focus out from date time picker? Thanks

Hi :),

Can you try to remove tabindex attribute from the datepicker and modal elements ? If you need any further assistance please provide us a test link to your developing site. We will need to check your code in order to advise you further. You can send any further details to support@keenthemes.com.

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

Thanks.

Hi!

I sent you an email yesterday so please answer it.

Thanks. Daniel

Hi :),

Noted. We will check it and reply you asap. To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hello, any chance to release Meteor version? I’m having difficulties to get it running. Thanks!

Hi :),

Sorry, its not in the plan. At the moment we have only the AngularJS version.

Thanks.

Any eta for new update..wating mega menu for admin 4 template….

le

Hi,

Sorry, we can’t promise you the release date. But we will do our best to release it asap. But the mega menu for admin 4 is still in consideration. Admin 4 was designed with light header(without the mega menu but with action bar instead).

Thanks.

Hi :) Is it possible to have dropdown-menu with multiple columns please? Thanks

Hi :),

Thanks for your feedback. You can try below code to have a dropdown with custom content:

<div class="btn-group">
    <button class="btn green dropdown-toggle" type="button" data-toggle="dropdown">
        Search Dropdown <i class="fa fa-angle-down" />
    </button>
    <div class="dropdown-menu dropdown-content hold-on-click" style="width: 300px !important;">
        ..... put any HTML code here
    </div>
</div>

If you need any further clarifications please let us know. To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Thanks :)

Hi guys purchased this a while back.

I implemented the Met admin panel with PHP5.5, Jquery and Ajax before Angular was released (Admin panel 1) how difficult is it to add angular to the existing pages?

Hi :),

It depends on your AngularJS skills. 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.

i am using form validation control and managed data table in same page but validation in not working ?

Hi :),

Can you please contact our support at support@keenthemes.com and provide your license info ? Our support is provided only to verified buyers. Along with your license info please provide us more details(a test link to your developing site) for your issue.

Thanks.

Hi, not work form_validation. Thanks

Hi :),

Could you contact our support at support@keenthemes.com and provide us more details for your issue ?

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

Thanks.

Hi, I got a small trouble need your help:)
I have a form_wizard page, and there is a Multiple_Select-Grouped_Options UI element in the step 3.
So, I have below scripts before </body >:
<script>
jQuery(document).ready(function() {       
   // initiate layout and plugins
   Metronic.init(); // init metronic core components
Layout.init(); // init current layout
QuickSidebar.init(); // init quick sidebar
Demo.init(); // init demo features
   FormWizard.init();
});
</script>
<script>
        jQuery(document).ready(function() {       
           // initiate layout and plugins
           Metronic.init(); // init metronic core components
Layout.init(); // init current layout
QuickSidebar.init(); // init quick sidebar
Demo.init(); // init demo features
           ComponentsDropdowns.init();
        });   
    </script>
The form wizard and Multiple_Select-Grouped_Options both works perfect, but it seems these two scripts conflicts each other, the sidebar menu(accordion) does not work now, any ideas?

Hi :),

It seems you are calling following initialization functions twice:

Metronic.init(); // init metronic core components
Layout.init(); // init current layout
QuickSidebar.init(); // init quick sidebar
Demo.init(); // init demo features

Please make sure that above functions called only once. If you need any further clarifications please contact our support at support@keenthemes.com

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

Thanks.

Hi~ Good theme. I have some questions. When i place advanced tables via tabs, table tools – csv not working. First tab’s csv table tools working, and other tab’s csv table tools does not working.

When i place advanced tables in the same tab, It works..

Could you help me please?

Thanks.

Hi :),

Tabletools could not be initialized in a hidden container. So you will need to initialize it on tab content shown:

$('#my_tab a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  // init only once the advanced datatable with tabletools extension.
})

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

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

Thanks.

The colors included are great however is there a simple way to use custom UI colors? I basically want to add my own custom UI color….possible?

Thanks! Al

Hi :),

Yes, you can customize any color in the theme by overriding its css code in custom.css file. You will need to use chrome css debugger(CTRL+SHIFT+J) in order to find currently applied css code for any element in theme theme.

If you need any further clarifications before your purchase please let us know. To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hello, i love this template by the way. I have purchased many admin themes and this is the best one by far! I am having a problem with gmaps, i have tried about 50 different scenarios and I can’t seem to get it to work. I am getting the error: TypeError: google.maps.Polygon is undefined.

I have even tried some of the example from the plugin github depository and they don’t work either. Any help would be greatly appreciated! Thanks.

<script type="text/javascript">
    jQuery(document).ready(function () {

        MapsGoogle.init();

        var mapMarker = function () {
        var map = new GMaps({
            div: '#gmap_marker',
           lat: -51.38739,
                lng: -6.187181
        });
        map.addMarker({
           lat: -51.38739,
                lng: -6.187181,
            title: 'Lima',
            details: {
                database_id: 42,
                author: 'HPNeo'
            },
            click: function (e) {
                if (console.log) console.log(e);
                alert('You clicked in this marker');
            }
        });
        map.addMarker({
            lat: -12.042,
            lng: -77.028333,
            title: 'Marker with InfoWindow',
            infoWindow: {
                content: '<span style="color:#000">HTML Content!</span>'
            }
        });
        map.setZoom(5);  // set zoom here
}
    });
</script>
<!-- END JAVASCRIPTS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3&sensor=true&key=AIzaSyAi7lCNh4-K2cpJm5EFW0JSYOWaY5nChfw"></script>
<script src="../../assets/global/plugins/gmaps/gmaps.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="../../assets/admin/pages/scripts/maps-google.js" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->

Hello, i just went ahead and loaded the map in a new window. It works fine now. Thanks.

Great! You are welcome. Good luck with your project :)

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