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 119,756 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

This author's response time can be up to 1 business day.

12203 comments found.

Hello, My 2nd question is that does this support jqgrid rather than data-tables for tables ? If not then is there any future release i should wait for so it is added ? http://www.trirand.com

Hi,

Sorry, at the moment we can’t give you any accurate timeline. But it will take not less than a month.

Thanks.

One month is totally fine.thankx

Hi :)

Please note, this is not confirmed. As stated “it will take not less one month and up to few months”. We got to make the estimations clear as usually users take it as a confirmed deadline rather than tentative.

Thanks.

Hello, I am confused with license. Can I use extended license to make a single product (database analyzer with graphs etc app) and sell it to different clients lets say 100 or more different clients ? I am makign sort of app which wont be working as website but a a client product on intranet. If not then what are my options ?

Hi :),

Yes, in your case you can purchase the extended licenses and sell the end product ti multiple clients.

If you need any further clarification please let me know.

Thanks.

Hello!!

Im trying to add some custom icons. But i dont know how to add them as fa fa-whatevericon.

Specifically i need this logo icons.

Apache Python Django Celery MySQL

Can you help me with this??

Cheers!

Hi,

You can check all the available icons here: http://fortawesome.github.io/Font-Awesome/icons/ At the moment Fontawesome does not include the software logos.

You can check http://mfizz.com/oss/font-mfizz if you need the technology icons.

Thanks.

Thanks! That will do the most of the logos!! Other question. There are some that are not included. There is a way to add custom icons?

Cheers!

Hi :),

You can ask the font author and maybe they can help you out.

Thanks.

Hi there! Amazing theme!

I’ve a question: can I sort my datatables data with a date field (european format dd-mm-yyyy)?

Thanks!

Hi :),

The datatable plugin itself does not handle the field formatting. You can format the dates(in your preferred format) and pass it to datatables as HTML output.

Thanks.

At the end, I can’t order by date my field. Isn’t it?

Hi,

I am using form wizard and would like to know is there a way to enable /disable the “continue” button on click of radio button?

Thanks

Hi :),

You can use jquery(jquery.com) to implement this.

$('#my_radio_button').change(function(){
    $('.button-next').hide();
})

Also you can check out the bootstrap wizard plugin’s official documentation here: https://github.com/VinceG/twitter-bootstrap-wizard.

Thanks.

Thanks that helped a lot! :)

nice work. glws :)

Many thanks for the comment :)

Hi,

I have a question on here http://www.keenthemes.com/preview/metronic_ecommerce/product-list.html left side categories.

Question is when i click a dropdown categories it will route to url but when i click to plus on right side dropdown will open. Its that possible ? If possible how can i do that. I can do that myself but i don’t want to broke mobile or tablet version. So can you give me some code ?

Thanks.

Hi :),

Please go to assets/scripts/app.js and modify handleSidebarMenu as shown below:

 var handleSidebarMenu = function () {
        $(".sidebar .dropdown a i").click(function (event) {
            event.preventDefault();
            if ($(this).parent("a").hasClass("collapsed") == false) {
                $(this).parent("a").addClass("collapsed");
                $(this).parent("a").siblings(".dropdown-menu").slideDown(300);
            } else {
                $(this).parent("a").removeClass("collapsed");
                $(this).parent("a").siblings(".dropdown-menu").slideUp(300);
            }
        });
    }

If you need any further assistance please let me know.

Thanks.

Hi,

It was emergency sorry for second message. Thanks for solution.

Thats OK. You are most welcome. Glad to help you out :)

Hi, what you think about to implement Ajax History in layout_ajax.html ?

Hi :),

Thanks for the feedback. We will definitely consider this in a future release. Stay tuned!

Thanks.

Hi, I’m using metronic for almost a half year and I’m very pleased of it. I do have a small problem with the scrollers.

I use this for my Ajax integration: $(document) .ready(function(){ App.init(); // initlayout and core plugins }) .ajaxStop(function(){ App.initAjax(); });

Everything works fine but when there is a scroller in my ajax-response and from the moment I use it and I fire again my script for my ajax, then all scroller that are not in my ajax response, won’t work anymore (the scrolling manually works but not with the scroller of my mouse)...

Many thanks for your respons!

Jan

Hi :),

Please try to modify(replace) handleScrollers function as shown below

assets/scripts/core/app.js:
// Handles scrollable contents using jQuery SlimScroll plugin.
    var handleScrollers = function () {
        $('.scroller').each(function () {
            if ($(this).attr("data-initialized")) {
                return; // exit
            }
            var height;
            if ($(this).attr("data-height")) {
                height = $(this).attr("data-height");
            } else {
                height = $(this).css('height');
            }
            $(this).slimScroll({
                allowPageScroll: true, // allow page scroll when the element scroll is ended
                size: '7px',
                color: ($(this).attr("data-handle-color")  ? $(this).attr("data-handle-color") : '#bbb'),
                railColor: ($(this).attr("data-rail-color")  ? $(this).attr("data-rail-color") : '#eaeaea'),
                position: isRTL ? 'left' : 'right',
                height: height,
                alwaysVisible: ($(this).attr("data-always-visible") == "1" ? true : false),
                railVisible: ($(this).attr("data-rail-visible") == "1" ? true : false),
                disableFadeOut: true
            });
            $(this).attr("data-initialized", true);
        });
    }

Using data-initialized attribute will enable to avoid initialization the scroller instances twice.

If you need any further assistance please let us know.

Thanks.

Hi Keen,

I'm looking forward for TableTools integration. Reading some recent posts, you've told that it could be integrated in the next release or something like that.
Any hint on the next release date? I would like to avoid doing it by my self because I'm far from good in JS (JQuery, etc).
Thanks for your awesome product!
M.

Hi :),

Yes, we are planning to release it in the next update. At the moment we can’t confirm the release date but we will do our best to release it as soon as possible within next month(April). Stay tuned!

Thanks.

hi keen,

I think datepaginator unresponsive when I do togle in sidebar, when I try in your live site is unresponsive too,

http://www.keenthemes.com/preview/metronic_admin/ui_datepaginator.html

how do i fix it ?

Hi :),

Please append below code in init function in assets/scripts/custom/ui-datepaginator.js:

$('.page-sidebar').on('click', '.sidebar-toggler', function (e) {
      $(window).trigger('resize');
});

The above function triggers window resize event on sidebar toggler click so the daterangepicker plugin reinitializes all the instances.

If you need any further assistance please let us know.

Thanks.

tq, it works, but made ??slow page / hang for a while when I click the sidebar toggler

Hi,

Datepaginator does not have In this case you can try to reinitalize the instance on sidebar toggle:

$('.page-sidebar').on('click', '.sidebar-toggler', function (e) {
                $('#datepaginator_sample_1').datepaginator();

                //sample #2
                $('#datepaginator_sample_2').datepaginator({
                    size: "large" 
                });

                //sample #3
                $('#datepaginator_sample_3').datepaginator({
                    size: "small" 
                });
            });

But the above code will recreate the instances.

Thanks.

Hey, I think I found a little bug in the RTL version.

in admin/template_rtl/form_controls.html, at the “Icon Input in Group Input” example, the text input hides the icon and I can’t display it if I use a button at the other side. How do I fix it?

Hi :)

Thanks for reporting this. We include the fix in the next update. In the main time to fix the issue you will need open assets/css/style.css and change .input-icon i css code as shown below(by adding z-index: 3):

.input-icon i {
  ....
  z-index: 3;
  ....
}

If you need our further assistance please email(support@keenthemes.com) a link to your page so we can check the issue in your page and advise you further.

Thanks.

Hello, Why on the admin templates , at the bottom on every page you have <!—[if lt IE 9]>

isn’t tat suppose to be <!—[if IE lt 9]> ?

Hi :),

Thanks for reporting this. We will check it further and correct it in the next update.

Thanks.

So all of the front-end (corporate + e-commerce) and back-end admin themes are all responsive? Is there options to make them none responsive?

Hi :),

At the moment all the themes are responsive. We will consider the non-responsive versions in a future release. Stay tuned.

Thanks.

The easy-pie chart showing full circle even for 0 % in IE 8.Please help to resolve this issue

Thanks in advance

Hi :),

It seems this is the plugin’s bug. This link is referred: https://github.com/rendro/easy-pie-chart/issues/8

Please try to use the latest plugin as this bug might be fixed in the latest version: https://github.com/rendro/easy-pie-chart/

Thanks.

hi

i have to use modal (http://www.keenthemes.com/preview/metronic_admin/ui_extended_modals.html) and WYSIHTML5 editor (http://www.keenthemes.com/preview/metronic_admin/components_editors.html) in same page.

For this im using js, css of both in same file. Then when i open a “Insert Link” in WYSIHTML5 editor, it shows different layout than the original one. Also the inserted link is not bind with the editor ( this is the major issue ).

you can test this scenario by inserting modal’s css and js file to “components_editors.html” and check to insert a link.

im sure this is nothing to do with the theme, but i need help to solve this issue.

thanks in-advance :)

Hi :),

Which Metronic version you are using ? You can get the version number in assets/css/style.css. We have fixed this issue in v1.x. You can get the fix from the latest Metronic v2.0.2 and get the latest version of bootstrap-wysihtml5 plugin from assets/plugins/bootstrap-wysihtml5.

Thanks.

I have a dialog box inside another one, as I click on a button in main dialog box the second one open up. I want to disable background content including the parent dialog box. I have used `model:true` but it doesn’t disable parent dialog box it disables only the background content where the parent dialog box opened.Please help to resolve this issue

Any help or opinion is appreciated.

Thanks in advance

Here is my code :

jQuery:

$(".showEmployee").click(function(){
 $("#employee").dialog({
      dialogClass: 'ui-dialog-grey',
     autoOpen: false,
     resizable: false,
      minWidth: 1200, 
    maxWidth: 1200,
    fluid: true,
    modal: true,
    buttons: [
                          "text" : edit,
               click: function() {
            }    
                     ]
});
$.ajax({  
      type: "POST",
      url: "/showemployee.do",
      success: function(response) {
            $("#data").html(response);        
            $( "#employee" ).dialog( "open" );
            $('.ui-dialog button').blur();
            $("#employee").css("background-color","#FFFFFF");
            $(".ui-widget-content").css("background-color","#FFFFFF");
            $(".ui-dialog").css("background-color","#FFFFFF");
               }        
             });
 });
function edtNow() {
 - $.ajax({  
         type: "POST",
         url: "/editemployee.do,
         success: function(response) {
               $("#editscreen").html(response);
                  $("#editscreenDialog" ).dialog({
                     dialogClass: 'ui-dialog-grey',
                     autoOpen: false,
                     resizable: false,
                     minWidth: 600, 
                     maxWidth: 600,
                     fluid:       true,
                     modal    : true,
                     show     : {
                          effect  : "blind",
                          duration: 500
                            },
                     hide     : {
                          effect  : explode",
                          duration: 500
                             },
                   buttons  : []
                });
                $("#editscreenDialog").dialog( "open" );
                $('.ui-dialog button').blur();
                $("#editscreenDialog").css("background-color","#FFFFFF");
                $(".ui-widget-content").css("background-color","#FFFFFF");
                $(".ui-dialog").css("background-color","#FFFFFF");
                 }        
             });
  }

I found the solution.Anyways thank you so much for your response

Great! You are most welcome. Let us know if you need any further assistance.

Hi there,

A very quick question: I have v2.0.2 and planning to make changes to the files. Wanted to know when is the next version coming?

The Admin theme is great! great work!!!

Thank

Hi :),

The next version is coming soon in a few weeks with SASS files. I would suggest you to wait for the next update so you will get all the latest features also there will be a slight changes in file structure(the html code will remain almost unchanged).

Thanks.

Hello Dear,

I am trying to create a page and I load a form using ajax request. That form have one text field and date range. I want to apply form validation with datetime picker. But datetime picker stops working if I initialize form validation. And if I comment form validation then datetime picker starts working. Please help me.

I have added the script files in this order

<script type=”text/javascript” src=”assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js”></script>

<script type=”text/javascript” src=”assets/plugins/jquery-validation/dist/jquery.validate.min.js”></script>

<script type=”text/javascript” src=”assets/plugins/jquery-validation/dist/additional-methods.min.js”></script>

<script type=”text/javascript” src=”assets/scripts/form-validation.js”></script>

<script language=”javascript” type=”text/javascript”> FormValidation.init(); </script>

If I comment FormValidation.init(); then datetime picker starts working.

Regards

Hi :),

I would suggest you to create your own validation script(e.g: my-form-validation.js) as the original form-validation.js is used only for demo and it contains unnecessary code. You can use it just for your reference by creating your own script. Ans make sure that the above js files included in the master page. Also you should debug your page for JS errors using Chrome Dev tools or firefox’s firebug tool. I suspect there are some JS errors due to one of plugins used in form-validation.js is not included in your page(e.g select2 plugin).

if you need our further assistance please email us at support@keenthemes.com. Also please attach your purchased license(just to mark you an a valid user to provide you further support) as we did not see “purchased” badge here in the comment.

Thanks.

Keenthemes,

So, I’ve added a custom form div to the horizontal nav bar, basically a select drop down list and a submit button. I’ve tried to style the “select” but none of the CSS is taking affect. I’m using the custom.css file but it appears to be ignored for the ‘select’ info and the metronic and bootstrap css files are being inherited. Is there a way to override this? I just want to change the background and text color of the drop down list.

Thanks.

Hi :),

Please try to use !important after the attributes:

.my-select {
  background-color: #345677 !important;
  background: #345677 !important;
  color: #345666 !important;
}

If you need any further assistance please let me know.

Thanks.

That’s what I needed. Thanks.

You are welcome! Let me know if you need any further assistance.

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