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,095 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, 1-?f I buy this product, will I change admin and site template language? 2-will I change admin menu words? Thanks

Hi :),

This is a static HTML theme so you will need to handle language translation with your server side language(e.g: when user selects a language your script should generate the page with language specific content). However some 3rd party plugins do support i18n which you can setup it referring to the plugin documentations. A full reference list for all 3rd party plugins is provided in the theme’s documentation.

If you need any further clarifications please let us know.

Thanks.

Hi, i have some problems with input type date, in firefox don’t show.

Thanks

Hi,

Are you getting any JS error in the console ? Please double check your code and make sure you included below js and css files to use the datepicker plugin:

<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/bootstrap-datepicker/css/datepicker3.css"/>
<script type="text/javascript" src="../../assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>

Then to initialize the datepicker input you should follow below code:

HTML:

<div class="form-group">
    <label class="control-label col-md-3">Default Datepicker</label>
    <div class="col-md-3">
        <input class="form-control form-control-inline input-medium my-date-picker" size="16" type="text" value=""/>
        <span class="help-block">
        Select date </span>
    </div>
</div>
JS:
<script>
        jQuery(document).ready(function() {
               // Core initialization 
               Metronic.init(); // init metronic core components(mandatory)
               Layout.init(); // init current layout(mandatory)
               QuickSidebar.init(); // init quick sidebar(optional)
               Demo.init(); // init demo features(optional)

               // Datepicker initialization
               $('.my-date-picker').datepicker({
                   orientation: "left",
                   autoclose: true
                });
        });
</script>

For more info you can check the datepicker plugin’s official doc here: http://bootstrap-datepicker.readthedocs.org/en/release/

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

Thanks.

Hi, I need to insert styled tabs into left tabs. Starting with left tabs, the styled tabs are loaded via ajax as well as the content of the styled tabs. Is this possible? Regards Andrea

solved… sorry ;)

Glad for you! Please let me know if you need any further assistance.

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

Hello there! I found there is an issue with the AngulajJS version of the admin theme(v3.4) when accessing from mobile (I tested with Chrome latest version and Safari) the notification icons on the top menu have to be touched twice to open the notifications box. It seems the first touch only selects the icon and the second touch fires the event.

Also the admin panel doesnt open at all when using the default Android browser. Is it broken or was it made to work only with Google Chrome?

Thansk!

Hi :),

Thanks for reporting this issue. We will check it further and fix it asap in the next update that we are planning to release in a few days.

The theme is compatible with all desktop and mobile major browsers(chrome, IE, opera, safari, firefox). What is your device model and the default android browser ? Could you please provide us more details on this ? You can send any further details to our support at support@keenthemes.com for easier conversation.

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

Thanks.

Please update your documentation ASAP. I need the Angular documentation.

Hi :),

Thanks for your feedback.

Sure, we have plans to improve the documentation with more details in the future. Basically the angularjs version’s layout is fully compatible with the html version. To set ‘fluid’ layout please follow below steps:

1) Remove “page-boxed” from the body element.

2) Remove “container” class after “page-header-inner”.

3) Remove/unwrap the “container” DIV for “page-container” and “page-footer” DIVs.

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.

Thank you very much! I love this theme :D keep up the good work. I think the Angular JS version need more improvement because many of jQuery plugin did not compatible with ‘angularish directive and $scope’ way. Like, summernote has angluar-summernote that works well, but how about jQuery tags? I don’t have solution for it, I still use ‘jQuery’ style and it’s not good by design even it works.

Hi :),

Thanks for your feedback. We will be improving the AngularJS version in a future releases. Stay tuned!

Thanks.

Hi, in admin3 the | div class=”page-header-top” | you can achieve it expandable ?

thanks

Hi :),

Sorry, i still could not the point. However you can try to set fixed top header option in the theme settings panel to make the top bar fixed on page scroll.

Thanks.

I’m sorry if I said wrong, but I wish I could hide and show with slide effect , div which shows the logo and user management, the div of which I speak is called ‘page header top’ thanks ;)

p.s. sorry for bad english !!

Hi :),

This manual slide effect is not implemented in the theme so you will need to implement it your own as our support does not cover an individual customizations.

Thanks.

Hi,

Admin theme is the best theme for me but I am facing some problem related to go to top button in footer, Its not working as per screen height. I want, it should be hidden when there are no scroll in my window. But it stay same in all condition.Please give me guide line to use this feature in best way.

Hi :),

Thanks for your feedback.

Are you having this issue in our demo site http://keenthemes.com/preview/metronic/theme/templates/admin/ ? By right the “go to top” icon appears when based on user’s viewport if there is any hidden content on the top. Can you please provide us some screenshots where we can see your issue clearly. Any further details you can send to our support at support@keenthemes.com

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

Thanks.

Hi, Thanks for this awesome admin theme. I am wandering, do you have any plan to add a fixed left navigation bar in corporate theme?

Hi :),

Thanks for getting back to us. We have been working on other features. Please note we do not take any commitment on feature requests. We consider and only shortlisted feature requested will be implemented in a future updates. I hope for your understanding on this.

Thanks.

Hi, Thanks for your reply. It will really be appreciated if you can add this feature in any future release. Thanks again.

Thanks for your understanding :)

Hi, I’m using Admin Theme 1 ( Angular Version). This theme is great but I think all the javascript files are not minification safe. The main app.js file contains following code MetronicApp.config(function($stateProvider, $urlRouterProvider) { } which will cause problems in minification process. Hope you will take care of this.

Also I want to make ng-spinner-bar such that user will not be able to click any other area of the page. Some what blocking complete UI till loading is completed. How can I do that?

Thanks

Hi :),

Thanks for your feedback. We will check it and make it minification compatible in the next update. The spinner bar with bg overall will be added in the next update as well.

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

Thanks.

Hi, I tried upgrading to bootstrap 3.3 and came to problem where modals hides behind backdrop. I am using native bootstrap 3 modal format not the plugin in u r using as bootstrap 3 modals are now stable.

I found root of the problem to be z-index: 10049; in component.css Kindly remove this line (z-index: 10049;) from next release and add # add z-index for .modal-dialog instead. #remove z-index: 10049; line from components.css .modal-backdrop { border: 0 none; outline: 0 none; z-index: 10049; } # add z-index for .modal-dialog instead .modal-dialog { z-index: 1050; } also remove .modal-open { overflow-y: auto !important; } this is because if someone has selectpicker in modal and page has scroll and when page scrolled , selectpickers componenets fly with scroll

Hi :),

Thanks for sharing this. May i know what version of Metronic are you using(refer style.css to find the version number). These bugs were fixed in v3.x versions.

Thanks.

i am using 3.3 version

Noted. We will double check it. Thanks!

No idea why, but the Mailchimp inliner tool is not doing good for these mail templates. http://zurb.com/ink/inliner.php is doing better in this case

Hi :),

Thanks for sharing this. We will check it further.

Thanks.

Hi fellows. I updated some of the assets and ran across a bug in the file input plugin. After selecting a file to upload, the input populates with the filename (sometimes it fails to do so), but the js fails to correctly set the inputs:

<input type=”hidden” value=”” name=””>

And of course the server can’t get the right data.

Thanks in advance.

Disregard this comment. Everything is working fine now.

Hi zentraedi,

Glad to hear that your issue has been fixed. Good luck with your project.

Thank you.

hi, I just bough this theme. where could I get a 3.4 version?

Hi pasha677,

After purchase an item will appear at http://themeforest.net/downloads There you can download there latest version.

Please feel free to ask if we can help you with anything else.

Thank you.

I use radio buttons a lot in my ASP.net applications, but my users are confused as nothing happens when they click on the radio button. They have to click on the radio button text in order for the click to be detected.

This becomes worse in horizontal layout. Lets say there are two radio buttons horizontally and the first button has text of Hello World. If the user clicks anywhere on the word Hello, then button 1 is selected, however, if they click anywhere on the word World then button 2 is selected….

<asp:RadioButtonList ID=”RadioButtonList1” runat=”server” class=”radio-list”>

Hi :),

Please make sure that the checkbox related code generated by your asp.net script follows the same markup of the checkbox layouts demonstrated here: http://keenthemes.com/preview/metronic/theme/templates/admin/form_controls.html. Also please get the code from file directly instead of copy it from generated HTML code in browser.

If you need any further assistance please provide us your generated HTML code or a link to your developing page so we can check and debug your code online.

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

Thanks.

On the One page parallax, when you are on the about section, the mobile menu opens up and off-screen. Is there an easy fix for this?

Also, can the top fullwidth video be just one, seamless, looped youtube video?

Hi :),

Thanks for reporting this issue. We will fix it asap and release the fix in the next update. If you need the fix asap then please email our support and our support will provide the fix once its available. Regarding the looped video, can you please clarify it ? Did you check the revolution slider doc in [theme_root]/_documentations/commercial_plugins/revo_slider ?

Thanks.

I haven’t downloaded the new version but the menu bug still appears on your updated demo so I assume it hasn’t been fixed? :(

Hi :),

Sorry, we will fix this issue asap. if you need the fix urgently please email our support at support@keenthemes.com then we will provide it asap.

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

Thanks.

Awesome theme. Paid itself many, many, many times over. Thanks for updating it too. I hope you will get more talented developers and cooperation on your team to improve it further. It’s good today and must be better tomorrow to keep up.

Where can i give it 5 stars?

Also, perhaps – look for a way to easily integrate this theme into wordpress.. could increase sales even more – has anyone done it successfully yet? Not just a simple html-thing, but more integrated into the dashboard etc.

Hi :),

Thanks for your warm feedback. Sure, we will be always working hard to make Metronic even better. In the near future will be focusing on HTML version only. But we will consider the WP version in the future for sure. Yeah, some developers integrated it with WP but those projects are mostly private so i don’t think i can share it here. But will do so once have something to share on this.

To rate Metronic you just need too login to your themeforest account and go to “Downloads” tab and rate the theme there.

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.

Sir,

How to make draggable modal dialog in Metronic ?

Thanks

Hi :),

Sorry, this feature is not implemented yet in Metronic. However we will consider this in a future release. In the main time you can check this discussion: http://stackoverflow.com/questions/15881245/draggable-js-bootstrap-modal-performance-issues.

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

Thanks.

Hello,

I want to increase height of revolution-slider (Frontend Theme), is it possible?

Hi :),

To hide the border line you just need to override it in css in custom.css file. The fonts sizes also can be overriden in custom.css file. Just use the chrome web dev tools and select the element you want to customize and get currently applied css code from the css code inspector and override it in custom.css.

Thanks.

Please share a code of hide the border & font size

Hi :),

Please provide us more details referring to the demo: www.keenthemes.com/preview/metronic/theme/templates/frontend/

Which border line you want to hide and which text size you want to increase.

Thanks.

Hi Keenthemes, The AngularJS implementation is Great, but it looks like there are a couple of Pages in the System missing. For example since the Inbox is not in the AngularJS version but the link is still in the Header so clicking on it will return a Not Found error.

Hope you guys can add the Inbox etc in the next update.

Kepp up the Good Work!

Thanks Julian

Hi :),

Yes, those pages will be integrated in a future releases. if you urgently need the inbox pages then you can implement it referring to the angularjs profile page where nested routing and views implemented.

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

Thanks.

Please, update the documentation for 3.4. App broken after the upgrade from 3.3.1. First look: jquery-1.11.0.min.js not shipped (no alternatives in plugin dir), jquery-migrate-1.2.1.min.js not shipped (found jquery-migrate.min.js in plugins dir), jquery-ui-1.10.3.custom.min.js not shipped (no alternatives in plugin dir). Going to investigate on your online demo page, since Changelog have no info on that…
Yeah, and I was deceived by that, since latest “_documentation/admin/index.html” gives:
<script src="../../assets/global/plugins/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
:p

P.S. Other templates have the same error in documentation. Additionally, you have a copy-paste error in templates with revo-slider: references for revo-slider and uniform are mixed up. No biggie, but if you feel like changing it in the next release…

Hi :),

Noted. We will check it further and correct it in the next update asap.

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