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

Hi there, the latest release appears to make significant changes to the style sheets. We have heavily implemented the theme, and therefore are reliant on the existing sheet. Existing classes seem to be renamed or moved.

Is there any easy way to update smoothly?

See screenshot for an example of all the changes:

http://blog.optimalupgrades.ca/tmpimages/classname-changes.png http://blog.optimalupgrades.ca/tmpimages/file-changes.png

Hi,

It seems you are upgrading from older version(~v1.3) and in your case i would suggest you to replace the assets folder with the latest one and update your HTML pages as well(js & css file name changes and class name changes). Please note since v1.5 Metronic uses Bootstrap 3.0 so we have to rewrite the entire theme from scratch due to the major changes with BS3.

Please let me know if you need any further assistance.

Thanks.

Thank-you for your response. Your theme is outstanding, but it should perhaps be noted on your description that upgrades are not realistic between 1.3 and up, at least when someone utilizes the theme for a large scale webapp.

I’m not sure why so many class names would need to be changed entirely. V1.5 is effectively an entirely new theme then.

Regards

Hi drakeo :),

Thanks for the comment.

Agree, v1.5 has major changes since we rewritten almost 20% of CSS and HTML since Bootstrap 3.0 comes with major changes as well. To update from older versions to the latest version you will need to completely replace “assets” folder and update your HTML and css class names according to the latest version. In the future we will try to keen class names and html structure unchanged.

Please let me know if you need any further assistance. Good luck with your project!

Thanks.

Can i use the theme on a SAAS web site?

Hi :)

Sure, you can use Metronic theme for your SAAS website. You just need to purchase the extended license(1000$) in order to use the theme for your SAAS website. For more info about the themeforest licenses please check out – http://themeforest.net/licenses

Please let me know if you need any further assistance.

Thanks.

Hi, Can you please help me with my code. Im using login.html and configuring login.js. I can’t seem to display the InvalidHandler after it checks the user’s inputted username and password.
 
 invalidHandler: function (event, validator) { //display error alert on form submit   
                    $('.alert-error', $('.login-form')).show();
                },
PHP
if($checkUsername == $data['username'])
        {
            if($checkPassword == $data['password'])
            {
                header("Location: dashboard.php");
            }
            echo 'Invalid Password';

        }
        else
        {
            echo 'Wrong Username or Password';

        }

How do I call it in JS? I’m just new to JQUERY and not familiar with calling DOM elements.

Thanks!

adding to TrentO’s question, will in particular the following be in the 1.5.3 already (or, when might that included)?

- Full Featured Todo/Task UI for Admin - Media Manager(Image, Video) for Admin

Thanks

Hi :),

The v1.5.3 will include some bug fixes, enhancements and some new features. The full featured task ui and media manager will be releases in the following releases as soon as possible. Stay tuned!

Thanks.

Can you use the admin tool as a frontend theme? If I install the admin theme does it just override the WP admin theme?

Sorry never reviewed a theme like this one…

Hi,

Please note Metronic is a HTML template and it is not compatible with Worppress. Metronic is mainly used to create a custom web applications using some server side programming languages such as PHP, .NET, Ruby, Perl, Python, etc.

Please let me know if you need any further assistance.

Thanks.

Can you give a brief description of new features that will be included with the 1.5.3 update?

Hi :),

We will announce it once the next update is submitted for the approval. We will try to make it by tomorrow.

Thanks.

I am not sure that the theme cause any problem while i try to manual check a radiobox. But believe me that i can’t.

$(‘name=selectedGroup‘)[0].checked = true; or $(‘name=selectedGroup‘).prop(‘checked’, ‘checked’)

both are not work for me. Please help.

Hi,

Please note checkboxes and radio buttons are customized using jQuery Uniform Plugin so you will need to update the styled checkboxes and radio buttons as well when you update the actual inputs:

$('#my_radio_buttom').attr("checked", true);// update the actual input
$.uniform.update('#my_radio_buttom'); // update the styled input

Please let me know if you need any further assistance.

Thanks.

Hello :)

i tried to use the slimScroll plugin, but always i initialize an object with slimScroll, it changes its height, but there is noc Scrollbar to use, also scrolling with the mouse wheel is not possible.

Initialization works, there is no error. I tried to get it to work for a few hours, but no success.

As an information: i load content alway with ajax.

Thanks a lot, RentMyNicks

Hi :),

First please make sure that you included SlimScroll plugin file on your page where you call ajax requests.

<script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
Then you should initialize the slim scroll content after ajax request complete as shown in the example below:
$("#section").load("content.php", function(){
   $("#my_content").slimScroll({
      size: '7px',
      color: '#a1b2bd',
      railColor: '#333',
      height: height,
      alwaysVisible: false,
      railVisible: false,
      disableFadeOut: true
   });
});

I hope the above instruction will be helpful. Please let me know if you need any further assistance.

Thanks.

Thanks for your reply, but unfortunately it does not work. The Script is definately loaded, because when i execute the .slimScroll() function on my element it also changes the size to the defined Pixel. But there is no Scrollbar and i also can not scroll with the mouse wheel. CSS is also loaded. Any other ideas? :)

Thanks a lot, RentMyNicks

Hi :),

Could you please deploy your website to some web hosting and provide us a link to access it and check your code. Thus we can investigate your issue and advise you further. You can send the details to our support at support@keenthemes.com

Thanks.

last time I looked it was still in 1.4 :) You are moving fast! Great. Do you take suggestions? Like lazy loading scripts through require.js? AMD pattern? Makes loading assets easier during backend development. BRO KISSES!!

Hi :),

Thanks for this warm comment. That was not the last one. The next update Metronic 1.5.3 will be submitted by tomorrow ;) Stay tuned!

Thanks.

Hi

Responsive Flip Scroll Tables, produce unexpected results if whole column is empty and when resize to small screen or mobile rows width condensed which makes it uneven,

Is it any fix for that?

I mean, whitespace –  

Yes it fixed the problem, but what if we dont want to display even dash just empty?

Hi,

Please email our support at support@keenthemes.com. We we will help you out via email since we can not paste here the neccacery code(some code samples get escaped and filtered).

Thanks.

Thanks.

Thanks

Hello, How do I change default theme color (ie: white) without using Style Customizer? I’m planning to remove Style Sustomizer widget. Thanks.

Hi :),

Please go to the purchase item folder and browse admin/documentation/index.html and check out “Theme & Layout Configuration” section to learn how to change the default theme color.

Please let me know if you need any further assistance.

Thanks.

Hi, everything perfect but: there’s a way to set a form with validation inside a modal?

Thanks

Ooook solved. I put the form inside a modal loaded via Ajax, but the validation work only if you initiate the plugin within the modal, not at the end of the page.

Guess because validate.js need your form to be present on the page when you initialize the plugin… Then you need to initialize it after loading the modal content.

For example, at the bottom of ui_extended_modals_ajax_sample.html, where i have my form with validation I need:

<script>
   jQuery(document).ready(function() {       
      FormValidation.init();
   });
</script>

May be useful give an example of validated form loaded via Ajax in your next release, thanks guys!

Hi :),

Yeah, that’s correct. The initialization should on ajax request completed. We noted your suggestion and we will consider adding some related samples in a future release.

Thanks.

Hi,

I just installed this theme, and when i try to load the index page with firefox, i get this in firebug:

Error: Permission denied to access property ‘toString’ http://as.schwartzguy.com/assets/plugins/revolution_slider/rs-plugin/js/jquery.themepunch.revolution.min.js Line 8

Any ideas?

Also when i navigate to the login.html page, and click on the forgot password or register links nothing happens, and i get this in firebug:

TypeError: $(...).validate is not a function http://as.schwartzguy.com/admin/assets/scripts/login.js Line 47

what am i doing wrong?

Thanks,

Guy.

Hi muhafly,

Could you please give us a link to your page ? Can you deploy your website to a web hosting so we can access it online. We will need to check your code in order to advice you further. You can send the details to our support at support@keenthemes.com.

Thanks.

Hi, im progressing with the theme and my app, but I want to have a “start menu” like windows 8.

I ask. Is possible to have a scrollable menu its like a dashboard home page?, horizontal scrollable like in windows 8

Hi :),

Good point. We will definetely consider implementing this in a future release. Stay tuned and follow us on http://twitter.com/keenthemes.

Thanks.

Hello guys,

If someone wants to add many independant carousel in one page, there is the solution provided by keenthemes :)

You will need to have a different setup for each carousel. Please make sure you have unique id for each carousel(carousel_1, carousel_2, carousel_3…).

You can initialize the carouses by ID as shown below:

<div id="carousel_1" class="carousel slide">
    <!-- Carousel items -->
    <div class="carousel-inner">
        <div class="active item">
            <img src="assets/img/works/img1.jpg" alt="" />
        </div>
        <div class="item">
            <img src="assets/img/works/img2.jpg" alt="" />
        </div>
        <div class="item">
            <img src="assets/img/works/img3.jpg" alt="" />
        </div>
    </div>
    <!-- Carousel nav -->
    <a class="carousel-control left" href="#carousel_1" data-slide="prev">
    <i class="icon-angle-left" />
    </a>
    <a class="carousel-control right" href="#carousel_1" data-slide="next">
    <i class="icon-angle-right" />
    </a>
</div>

JS (on app.js)
jQuery('#carousel_1').carousel({
    interval: 200,
    pause: 'hover'
});

Thanks Keenthemes

Thanks for helping to share this with the community :)

Hi :),

Good one. Will check it further and definitely consider integrating this in a future release.

Thanks.

I need to use spinner as a floating number. I try to assign “Step = 0.1” but the result become 1.9999999999999. Please help.

Hi,

Sure, we will inform you once we find a solution.

Thanks.

Hi,

So far no solution found for the FuelUX Spinner issue. As an alternative solution, you can use Bootstrap TouchSpin plugin which works fine with decimal steps.

Thanks.

Hi friends, Is there any page that list all the available template icons?? Just can’t find it…

thanks

Hi :),

Please go to the bottom of ui_buttons.html page to see the list of available icons.

Thanks.

1.5.3 Update ?

Hi,

We will release next update within next week. Stay tuned!

Thanks.

ohkys…....

If I bought the template, once the template upgrades, can i get to the latest version for free? or do i need to re-pay?

Hi :),

Thanks for your interest in our theme. After purchasing the theme you will get all the future updates for free for the same licenses.

Please let me know if you need any further clarification.

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