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,090 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 Keenthemes,

Excellent work.

I would like to know how I should handle device dependent (resolution dependent) parts of my webpage which are not covered by the theme (i.e. some custom made table)?

I am quite sure I have to look at the responsive breakpoints and I think I have found the answer on Stackoverflow here: http://stackoverflow.com/questions/18575582/how-to-detect-responsive-breakpoints-of-twitter-bootstrap-3-using-javascript/22885503#22885503

How do you guys do it and what do you suggest? Would you recommend to use enquire.js for this?

Thanks. Robert

Hi :),

You can handle your own responsive contents using the bootstrap responsive grid system and responsive utility classes as explained here:

http://getbootstrap.com/css/#responsive-utilities http://getbootstrap.com/css/#grid

To implement responsive datatables you can follow the samples from http://keenthemes.com/preview/metronic/theme/templates/admin/table_responsive.html

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 we are using admin3 layout

Problem : We are trying to use managed table . if we try to add new column to the table, the pagination and the search box not showing. and if you check the browser console we are getting this message

jquery.dataTables.min.js:88 Uncaught TypeError: Cannot read property ‘mData’ of undefined

Please help

Hi :),

After adding a new column you should modify the datatable initialization code as well. So you might need to add ””orderable”: false” parameter for the new added column. For more info please check the datatable documentation here: datatables.net.

Thanks.

Hi,

How can I make use of “pulsate-regular” on multiple items in my table?

This: <?=round($result["minutes"]/60, 2); ?>

Works only on the first item in the table.

This: <?=round($result["minutes"]/60, 2); ?>

Doesn’t work at all :p Any tips is much appreciated

Hi :),

Do you mean if cell text’s length smaller than 5 characters ? If so, you can initialize it for each cell individually:

$('.pulsateme').each(function(){
    if ($(this).val().length < 5) {
          $(this).pulsate({
               color: "#bf1c56" 
          });
    }
});

Thanks.

Hey,

I must say, the support is amazing. Everything is very close to be working now.

The problem is that it doesn’t seems like all tables/cells are pulsating at the same time, do you know any way to accomplish this? – Currently they start with some miliseconds between them, and this causes a lot of frustration for the eyes, as they appear to be pulsing very often.

Hi :),

Thanks for your feedback.

Can you please provide us a link to your developing site ? It will be more effective checking your code and advise you further. You can email us at support@keenthemes.com

Thanks.

Hello, I really appreciate your continuous support on this template. What are the concerns I should have upgrading from 3.3.1 to 3.5.1?

Hi :),

Thanks for your feedback.

You should check the changelog(see: _documentations/admin/index.html) to learn what features added in latest versions. If possible, i would suggest you to update to the latest version as it comes with a lot new features, bug fixes, improvements and Bootstrap 3.3.1 update.

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

Thanks.

Thank you very much, the upgrade was seamless with no issues

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

Hi, great work as usually!

There is a minor bug in 3.5.1 version. Table with contextual rows and columns have a font color not well visibile with class = “active”.

There is a way to extend bootstrap class=”input-sm” also to select2 dropdown? Actually doesn’t works…

Thanx, bye!

Hi :),

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

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

Thanks.

Since upgrading to the new version today, I can’t seem to open any modals that have “fade” as a class.. Eg

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" />

but

<div id="myModal" class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" />

works…

Hi :),

Could you please double check your code again ? As per latest v3.3.1 version here the modal demos with ‘fade’ class works fine:http://getbootstrap.com/javascript/#modals. The same works in the preview site as well: http://keenthemes.com/preview/metronic/theme/templates/admin/ui_modals.html.

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

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

Thanks.

Hi Guys:

I noticed a call to “inbox_search_result.html” in inbox.js but I can’t find the file. I’m using the latest 3,5,1. If it exists could you let me know where I an obtain it?

Cheers, Dave

Hi :),

Sorry to confuse you. ‘inbox_search_result.html’ does not exist. Actually you can just reuse the inbox listing template to list the search results.

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 do not like pastel colors. How can we use vibrant colors?
+1

Hi :),

Sure, we will consider it in a future releases :)

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

Thanks.

Has anyone used Medtronic together with Highcharts? Any experience to share?

Hi :),

There should not be any complication with it. You can just include the plugin js ans css files and follow the Hightcharts official documentation to get started.

Thanks.

keenthemes,

I just want to toss in, Thanks for your continued development and support on this template, It sure is one of the best ever made and the constant development and support is amazing.

Props to you!!!

Hi :),

Many thanks for your warm feedback. We really appreciate that. This is not the last one. We will be releasing more endless amazing updates in the future.

Thanks.

Hi, I do not like pastel colors. How can we use vibrant colors? http://oi59.tinypic.com/5bfr9.jpg

Hi :),

All available color options can be found here: http://www.keenthemes.com/preview/metronic/theme/templates/admin/ui_colors.html. In the future we will consider adding more colors for sure.

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

Thanks.

eg. recent activities link, badge and default bootstrap color ?

Noted. We will consider them as well. Thanks again for the clarifications :)

Is there way to move bxslider that in home page to admin panel ? How ?

Hi :),

Which version of Metronic are you referring ? Since v2.x we dropped bxslider support now can use owlslider instead. For any further assistance please email our support(support@keenthemes.com) and provide more details. Also please attach your purchased license info as we did not see “purchased” badge for your username here.

Thanks.

Hi, We have recently purchased the theme.you guys have done really nice job. we are trying to integrate the theme with asp.net MVC but we are facing issue.

Problem: We are creating Parent/Child pages and adding all global and core lib files in parent page and required page level lib in respective child pages. with this the css part working fine but the event like jquery validation or managed table are not working.

Please provide some proper documentation.

Hi :),

Thanks for your feedback. You should check the documentations for those plugins from http://jqueryvalidation.org/ and datatables.net.

If you need any further assistance please contact our support(support@keenthemes.com) with more details(a link to your developing page). Also please provide us your license details as we did not see “purchased” tag for your username here.

Thanks.

Is there an installation guide that goes through this step by step?

I’d like to set up admin version 1, complete with MYSQL as well as all the files that are necessary to upload.

Hi :),

Metronic is an abstract HTML theme and the server side integration and development is not part of it. Basically since each buyer has unique project requirements so the development is responsibility of buyers. We provide the theme as it is with following support policy: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469/support

To start working with Metronic you will need to unpack the theme package and copy the assets folder(‘theme/assets’) to your project’s web directory. Then use layout_blank_page.html starter template to create your own pages. Also you will need to change the assets path accordingly to your project’s assets path.

If we can help you with anything else please let us know.

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

Thanks.

(english) Hello, friend you could take a few classes so we can make the most of this template, it is perfect.

(português BR) Olá, amigo você podia fazer alguns cursos para que possamos aproveitar o máximo deste template, ele é perfeito.

Hi :),

Sorry, i could not understand your suggestion. Could you please clarify it with more details ? Which ‘classes’ are you referring to ?

Thanks.

Hello! Can you provide the AngularJS files to make it work with my AngularJS development?

Hi :),

All the future updates will be free per your purchased license. You can just download the latest update since you purchased it before. Just login to your themeforest account and go to “Downloads” tab from your profile.

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

Thanks.

Thank you very much :)

You are welcome! :)

Hi Keenthemes,

your theme is masterpiece,

and i’ve already searched the comment, and i still can’t find the solution.

could you please help me on table_editable, i’ve been receiving warning : “DataTables warning: table id=sample_editable_1 – Requested unknown parameter ‘6’ for row 7. For more information about this error, please see http://datatables.net/tn/4"

it’s happen because i add 2 rows to the table, and it’s showing that message,

the second one is, i’ve already add : - on editRow jqTds3.innerHTML = ’<select class=”form-control input-small”><option value=””>Select</option><option value=”Option1”>Option1</option><option value=”Option2”>Option2</option></select>’; jqTds3.value = aData3;

-on saveRow oTable.fnUpdate(jqSelects0.value, nRow, 3, false);

-on cancelEditRow oTable.fnUpdate(jqInputs0.value, nRow, 3, false);

its perfectly showing the dropdown at the table, but when i want to save it, i cant, that message still showing, and the one that i selected with the other 2 new rows it become blank.

please help me keenthemes

regards,

einczyk

Noted. We will check it shortly :) Thanks.

Hi Keenthemes,

i have sent an email to you again.

thank youuu

Noted. We will check it soon. :)

I seem to be having an issue when viewing your admin3 demo on an iPhone. When selecting the navigation button at the top i am unable to scroll down the page to see all elements on the navigation. As soon as i scroll the menu closes completely.

Are you aware of this? If so how do i fix that so the menu does not close when scrolling down?

Hi :)

Thanks for reporting this issue. We just fixed it and will add the fix in the next update that we are planning to release by tomorrow. In the main time you can use below hot fix:

1) Open ‘assets/admin/layout2/scripts/layout.js’

2) Update ‘handleMainMenuOnResize’ function with below one:

    // Handles main menu on window resize
    var handleMainMenuOnResize = function() {
        // handle hover dropdown menu for desktop devices only
        var width = Metronic.getViewPort().width;
        var menu = $(".page-header-menu");

        if (width >= 992 && menu.data('breakpoint') !== 'desktop') { 
            menu.data('breakpoint', 'desktop');
            $('.hor-menu [data-hover="megamenu-dropdown"]').not('.hover-initialized').each(function() {   
                $(this).dropdownHover(); 
                $(this).addClass('hover-initialized'); 
            });
            $('.hor-menu .navbar-nav li.open').removeClass('open');
            $(".page-header-menu").css("display", "block").removeClass('page-header-menu-opened');
        } else if (width < 992 && menu.data('breakpoint') !== 'mobile') {
            menu.data('breakpoint', 'mobile');
            // disable hover bootstrap dropdowns plugin
            $('.hor-menu [data-hover="megamenu-dropdown"].hover-initialized').each(function() {   
                $(this).unbind('hover');
                $(this).parent().unbind('hover').find('.dropdown-submenu').each(function() {
                    $(this).unbind('hover');
                });
                $(this).removeClass('hover-initialized');    
            });
        }
    };

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, is it still possible to use fullcalendar v1 with Metronic 3.5? Andrea

Hi :),

Since v3.3.x the old fullcalendar is not supported. I would suggest you use the new fullcalendar as it has a lot of new features, bug fixes and other improvements. 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, if I want to upload a photo and then resize and crop it, would that be possible with this admin template or would I need something else, and what? Thank you

Hi :),

To upload a photo and resize it you can use the jcrop plugin http://keenthemes.com/preview/metronic/theme/templates/admin/form_image_crop.html. However you will need to do some further coding in order to implement it as per your requirements.

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