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

keenthemes supports this item

Supported

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

12205 comments found.

Hello, Congrats on this awesome theme.

I would like to know what class do i have to use for select2 dropdowns? You don’t have any examples on the demo page either. Thank you.

Hi :),

Thanks for the feedback.

You can just use “select2me” class for select elements. Also please check out “Select2 Dropdowns” portlet in form_component.html page. There you can see a bunch of Select2 samples.

Please let me know if you need any further assistance.

Thanks.

Hi, sorry for the delay,

So, I need the facebook integration for both interfaces.

You know nowdays the facebook integration is almost a “must have feature”, specially the “login with facebook”.

I wonder if you could adjust this template interface with the necessary buttons, images and define the itens position to support this feature.

thanks! Please keep us up to date!

Ps: I’m refactoryng my website with this template.

Leo Maverick Amazonia Beats CEO www.AmazoniaBeats.com

Hi :),

Noted. We will definitely consider these features in a future releases.

Thanks.

hi i bought this template few days ago. I want to suggest you to implement some extra features: - Add the facebook integration template pages, with: Login with facebook button option in the login page; Facebook like box component; Comment with facebook.

I telling it because now i’ll have to implement the facebook integration and i have no template model to add the facebook button to the login template page.

Contratulations for this job anyway.

Hi :),

Thanks for the feedback. Could you please clarify the requirements ? Do you need the facebook integration for the admin or frontend theme ?

Thanks.

Hi! Can you implement more support tables in the template? Now we have to use styles from datatables plugin. Attach a screenshot. But with more support for tables I would be able to implement filters to columns in table in form of dropdown list or datapicker or other form components. Thank you.

Hi :),

Thanks for your feedback. We will definitely take a look at this in a future releases.

Thanks.

uri ”/site/assets/plugins/jquery.cookie.min.js

Time: Tue Oct 29 22:56:11 2013 +0200 IP: 46.103.58.122 (GR/Greece/46-58-122.adsl.cyta.gr) Failures: 5 (mod_security) Interval: 300 seconds Blocked: Permanent Block

my server firewall blocks any visitor to the theme. i sent you a pm and no reply.

this whole idea is to save me time, not waste my time, i am happy for your sales but please pay attention.

46.103.58.122] ModSecurity: Access denied with code 406 (phase 2). Pattern match “(?:\\\\b(?:(?:type\\\\b\\\\W?\\\\b(?:text\\\\b\\\\W?\\\\b(?:j(?:ava)?|ecma|vb)|application\\\\b\\\\W*?\\\\bx-(?:java|vb))script|c(?:opyparentfolder|reatetextrange)|get(?:special|parent)folder|iframe\\\\b.{0,100}?\\\\bsrc)\\\\b|on(?:(?:mo(?:use(?:o(?:ver|ut)|down|move|up)|ve)| ...” at REQUEST_FILENAME. file ”/usr/local/apache/conf/modsec2.user.conf” id “950004” data ”.cookie” tag “WEB_ATTACK/XSS” uri ”/site/assets/plugins/jquery.cookie.min.js”

Hi,

Sorry for this misunderstanding. I got your reply wrongly: “1 said I changed the file name to jquery_cookie.js, it fixed the problem”.

Back to the problem. We are first time facing this problem so we never had a chance to document it. However this is not the theme error, this has something to do with your firewall and security settings. We can only provide a solution in the theme level so please try following workarounds:

1) Try to change the javascript file name. Go to assets/plugins/jquery.cookie.min.js and rename it to jquery_cookie.js and update all the template pages to include jquery_cookie.js script instead of jquery.cookie.min.js.

2) If the above workaround will not work, then you can disable and remove this plugin from the theme. This plugin is used only to remember the selected theme color and the sidebar closed state. To disable this plugin, just remove jquery.cookie.min.j includes from all template pages:
<script src="assets/plugins/jquery.cookie.min.js" type="text/javascript"></script>

And also you will need to slightly modify assets/scripts/app.js to disable the code where jquery cookie plugin is used:

Remove below code from “handleSidebarToggler” function:
if ($.cookie('sidebar_closed') === '1' && viewport.width >= 992) {
            $('body').addClass('page-sidebar-closed');
        }
Remove below code from “handleSidebarToggler” function:
$.cookie('sidebar_closed', '0');
$.cookie('sidebar_closed', '1');
Remove below code from “handleTheme” function:
if ($.cookie('style_color')) {
    setColor($.cookie('style_color'));
}

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

Thanks.

Excellent support, very professional. Thank you. Well done I give this theme 5 stars.

Hi,

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

Thanks.

Dear Friend,

I’m trying to configure the boxed layout but I couldn’t do it. On the body tag I configure like this: <body class=”page-boxed page-header-fixed”>, but it didn’t work. How can I configure it?

Hi :),

You can refer layout_boxed_page.html page to learn how to set up the boxed layout. Header and footer also need some changes on the code for the boxed layout as shown below:

Header:
<!-- BEGIN HEADER -->   
<div class="header navbar navbar-inverse navbar-fixed-top">
    <!-- BEGIN TOP NAVIGATION BAR -->
    <div class="header-inner container">
    <!-- top menu code goes here-->
    </div>
</div>
Footer:
<div class="footer">
    <div class="container">
        <div class="footer-inner">
            2013 © Metronic by keenthemes.
        </div>
        <div class="footer-tools">
            <span class="go-top">
            <i class="icon-angle-up"></i>
            </span>
        </div>
    </div>
</div>

Please let me know if you need any further assistance.

Thanks.

Hello, while using the charts provided , we needed to show the right information about pointing plotted in to be displayed in the tooltip .. showTooltip(‘24 Feb 2013’, item.pageX, item.pageY, x);

the above function is the one provided by the system , we need to know how to put the right x,y value is the values appear are not right at all .

Thanks

Hi,

Could you please provide more details ? What are the values of item.pageX and item.pageY ? Are they correct. By right the shopTooltip should work fine if proper coordinates are passed. However we will need more details on how you are using the charts. Will it be possible to deploy your website to some web hosting and give us a link to check your code and advice your further. You can send the details to our support at support@keenthemes.com.

Thanks.

well let’s make an example of your theme http://www.keenthemes.com/preview/

it provide numbers of not correct x,y .. for instance if x = 10 and y = 20 .. we need the point to have the value of y .. and it present number that is being claculated in worng formula . either we understood it in a worng way .. or we don’t know how to pass the argument and to get the right value of y for the point shown in the chart ..

our chart is presenting x axis as months of the year and y access to be the cost of money payed in every month .. we need the point to say the correct value of y (cost) .. that’s it

Thanks

Hi,

In your case you can implement your own function to show the tooltips. You can use the default function below and modify it to fit your requirements:

function showTooltip(title, x, y, contents) {
    $('<div id="tooltip" class="chart-tooltip"><div class="date">' + title + '<\/div><div class="label label-success">CTR: ' + x / 10 + '%<\/div><div class="label label-danger">Imp: ' + x * 12 + '<\/div><\/div>').css({
        position: 'absolute',
        display: 'none',
        top: y - 100,
        width: 80,
        left: x - 40,
        border: '0px solid #ccc',
        padding: '2px 6px',
        'background-color': '#fff',
    }).appendTo("body").fadeIn(200);
}

Thanks.

The “tabbable tabs-left” is bugged, there is no border around the “tab-content” and if the content is bigger than the “nav-tab” it will wrap bellow it, which looks weird.

Also it would be great if you guys didnt used ”!important” that much coz it makes hard to overload styles.

Hi,

Thanks for your feedback. We will check the issue further and provide a fix/enhancement soon. Also we will revise the code and try to minimize ”!important” usage.

Thanks for your cooperation.

There is also a bug on frontend on mobile that adds some spacing on the right, bellow I am adding the steps to reproduce:

1) go to http://www.keenthemes.com/preview/metronic_frontend/portfolio_4.html 2) resize the page until the navbar collapses and you get the mobile view.

Expected result: The page should SHOULD NOT have horizontal scrolling. Actual result: There is a right margin on the body that adds a black space after the page content.

The body margin and padding is already 0 and looks like no other element is wider than the body. I could not fix that problem but I think it is being caused by some pseudo-element ”:after”. Also this problem is only on the frontend theme.

Hi :),

Thanks for your feedback. We will check it further and make sure that it will be fixed in the next update v1.5.3 by next week.

Thanks.

Hi,

While using the 1.4 Metronic Theme, the auto-fill event on change event is not firing in the Form Wizard.

Please suggest a solution.

Thanks!

Hi,

Could you please clarify your questions with more details ? If you can provide your code or a link to your page it would help to investigate your issue. You can send the further details to our support at support@keenthemes.com.

Thanks.

I have emailed (Y).

Cheers.

Thanks. We will attend to your email shortly.

Hello, I’m interested to by this template but I found a little bug on the iphone.

it’s impossible to navigate in the sub-menus (dropdown-menu) because the menus are appearing over. Maybe a z-index problem?

Before purchase I would like to see this working.

If you give me an email address, I can send you a screenshot of my iphone to show you the problem.

Thank you

Hi :),

Thanks for your interest in our theme.

Did you try to open the preview without the frame just using the direct link ? http://keenthemes.com/preview/metronic_admin/

You can send the details to our support at support@keenthemes.com and will revert back to you as soon as possible.

Thanks.

I tried this on my iphone: http://www.keenthemes.com/preview/index.php?theme=metronic_frontend

it’s impossible to navigate in the sub-menus (dropdown-menu) because the menus are appearing over. Maybe a z-index problem?

so I’ll send this to support@keenthemes.com

Thank you

Hi,

Got it. We will check it further and reply you shortly.

Thanks.

hi keen, thx for the updates and fast responses, i was wondering if is there any chance you build something like this http://themeforest.net/item/ebro-super-clean-responsive-admin-template/full_screen_preview/5682418

i am a huge fan of tables and i need something like this that goes with your theme so is it possible ??

waiting your response

regards

could you check that template ?? http://themeforest.net/item/ebro-super-clean-responsive-admin-template/full_screen_preview/5682418 it uses slickgrid ( https://github.com/mleibman/SlickGrid ) you could integrate that into your theme , it would rocks , it’s better than dataTable

i mean could you check the website and go to tables > slick grid

Hi :),

Alright! We will definitely consider including this feature in the next update. Stay tuned!

Thanks.

Have purchased some themes before but after going through the demo I must say this theme looks awesome. Please, can the admin end be integrated into or used on prestashop BO?

Hi :),

Thanks for the comment. Metronic is a HTML theme and it can be integrated with Prestoshop by creating a Prestoshop theme from scratch using the Metronic template.

Please let me know if you need more clarification.

Thanks.

I would start with a WordPress front end theme. You’ll get additional sales simply from individuals locating your WordPress theme, not yet knowing about your current admin theme. If your new WordPress theme looked very similar to your current front end HTML theme I’d purchase it immediately. We need an admin template for our client’s web app and we’ll need to find and purchase an already existing WordPress theme that closely matches your admin template. Wish we could just purchase a WordPress version of your front end theme right now.

Hi skozyk :),

Thanks for your interest in Metronic. We are considering the WP version and we will announce if we decide to release the WP version in the near feature.

Thanks.

Hi

I need to redownload old version like 1.4.x. Where can I download this and current copies has missing files.

thanks

Hi,

Please note the 1.4.x version is not available for download anymore. If you need any files from the old version please email us the file names at support@keenthemes.com. However i would suggest you to consider updating to the latest Bootstrap 3.0 version.

Thanks.

Hi keenthemes!

I have a problem with the “Advanced Tables”

I test it with your files. When I add the internationalisation, the style for the search and the records menu are incorrect.

I add this in the JS file:

var oTable = $('#sample_2').dataTable( {
             "oLanguage": {
                "sUrl": "assets/jquery.dataTables.de_DE.txt" 
            },  

and in the jquery.dataTables.de_DE.txt

{
    "sProcessing":   "Bitte warten...",
    "sLengthMenu":   "_MENU_ Einträge anzeigen",
    "sZeroRecords":  "Keine Einträge vorhanden.",
    "sInfo":         "_START_ bis _END_ von _TOTAL_ Einträgen",
    "sInfoEmpty":    "0 bis 0 von 0 Einträgen",
    "sInfoFiltered": "(gefiltert von _MAX_  Einträgen)",
    "sInfoPostFix":  "",
    "sSearch":       "Suchen",
    "sUrl":          "",
    "oPaginate": {
        "sFirst":    "Erster",
        "sPrevious": "Zurück",
        "sNext":     "Nächster",
        "sLast":     "Letzter" 
    }
}

I copied all from here:

datatables.net/plug-ins/i18n

Hi,

Please note the datatables plugin is customized in DT_bootstrap.js for Bootstrap support. So you can try to set your i18n directly in assets/plugins/data-tables/DT_bootstrap.js as shown below:

$.extend( true, $.fn.dataTable.defaults, {
    "sDom": "<'row'<'col-md-6 col-sm-12'l><'col-md-12 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
    "sPaginationType": "bootstrap",
    "oLanguage": {
        "sProcessing":   "Bitte warten...",
        "sLengthMenu":   "_MENU_ Einträge anzeigen",
        "sZeroRecords":  "Keine Einträge vorhanden.",
        "sInfo":         "_START_ bis _END_ von _TOTAL_ Einträgen",
        "sInfoEmpty":    "0 bis 0 von 0 Einträgen",
        "sInfoFiltered": "(gefiltert von _MAX_  Einträgen)",
        "sInfoPostFix":  "",
        "sSearch":       "Suchen",
        "sUrl":          "",
        "oPaginate": {
            "sFirst":    "Erster",
            "sPrevious": "Zurück",
            "sNext":     "Nächster",
            "sLast":     "Letzter" 
        }
    }
} );

Please let me know if you need any further assistance.

Thanks.

When I add the whole translation in the JS file it work but when i load it with the txt file the style is wrong.

When I use multiple languages it’s easier to have one txt file per language

Hi,

I would suggest you to put the above translation code in a separate JS file(load it before DT_bootstrap.js) rather than using the TXT files. The concept will be same, each language has own translation file.

Please let me know if you need any further assistance.

Thanks

I am impressed, your codes are very clean and well commented. Easy to find, remove features on pages. Congrat’s man :)

Hi :),

Thanks a lot for the comment. We are glad to hear that you enjoy using Metronic.

Stay tuned for more updates and follow us on http://twitter.com/keenthemes

Thanks.

Hi I am looking to incorporate horizontal bar charts—I do not see that option in http://www.keenthemes.com/preview/metronic_admin/charts.html

Is there a way I can incorporate horizontal bar graphs?

Thanks.

Nikhil

Hi :),

Yes, you can check out more flot chart examples here http://www.flotcharts.org/flot/examples/.

The horizontal bar charts are discussed here http://stackoverflow.com/questions/9643002/how-can-i-display-stacked-barcharts-horizontally-in-flot and http://www.jqueryflottutorial.com/how-to-make-jquery-flot-horizontal-bar-chart.html

I hope the above links will be helpful.

Thanks.

Hello,

we have a problem in the uniform checkbox is disabled.

we trace the same resources as you did, but still not working

<script src="@Url.Content("/assets/plugins/jquery-1.10.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("/assets/plugins/jquery-migrate-1.2.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("/assets/plugins/jquery-ui/jquery-ui-1.10.1.custom.min.js")" type="text/javascript"></script>      
<script src="@Url.Content("/assets/plugins/bootstrap/js/bootstrap-rtl.min.js")" type="text/javascript"></script>
<script src="@Url.Content("/assets/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js")" type="text/javascript" ></script>
<!--[if lt IE 9]>
<script src="@Url.Content("/assets/plugins/excanvas.min.js")"></script>
<script src="@Url.Content("/assets/plugins/respond.min.js")"></script>  
<![endif]-->   
<script src="@Url.Content("/assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js")" type="text/javascript"></script>
<script src="@Url.Content("/assets/plugins/jquery.blockui.min.js")" type="text/javascript"></script>  
<script src="@Url.Content("/assets/plugins/jquery.cookie.min.js")" type="text/javascript"></script>
<script src="@Url.Content("/assets/plugins/uniform/jquery.uniform.min.js")" type="text/javascript" ></script>
<script type="text/javascript" src="@Url.Content("/assets/plugins/jquery-validation/dist/jquery.validate.min.js")"></script>
<script type="text/javascript" src="@Url.Content("/assets/plugins/jquery-validation/dist/additional-methods.min.js")"></script>
<script type="text/javascript" src="@Url.Content("/assets/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js")"></script>
<script type="text/javascript" src="@Url.Content("/assets/plugins/chosen-bootstrap/chosen/chosen.jquery-rtl.min.js")"></script>
<script type="text/javascript" src="@Url.Content("/assets/plugins/select2/select2.min.js")"></script>
<script type="text/javascript" src="@Url.Content("/assets/scripts/form-wizard.js")"></script>
<script type="text/javascript" src="@Url.Content("/assets/plugins/bootstrap-modal/js/bootstrap-modalmanager.js")"></script>
<script type="text/javascript" src="@Url.Content("/assets/scripts/ui-modals.js")"></script>
<script src="@Url.Content("/assets/scripts/app.js")"></script>

Hi,

Seems you retrieved the uniform checkbox code from browser’s code inspector since the checkbox. Proper HTML code should be as shown below(for the checkboxes you just need to put input element, those span elements to be generated by uniform plugin):

<div class="row-fluid">
    <div class="span12">
        <div class="control-group">
            <label class="control-label">TEXT TEXT <span class="required">*</span></label>
            <div class="controls">
                <label class="checkbox">
                    <input type="checkbox" value="ID" />
                </label>
            </div>
        </div>
    </div>
</div>

Please let me know if you need any further assistance.

Thanks.

Worked :) thanks a lot

Great! You are most welcome! :)

Any intel on the timing of metronic 1.5.3? :)

Tentatively within next week :)

please provide us with a realistic timeframe for LESS support (as you indicate you are planning to offer) because this massively affects how a solution based on your theme is setup (meaning, a lot of re-work if an implementation without LESS has to be switched to LESS once its available, I’d rather wait then re-work, if it does not take too long)

THANKS

Hi Nicha,

Currently we are doing our R&D for the LESS files. We want the LESS files to be extremely useful. If possible could you please let us know what features, variables and settings you would like to see in the LESS files. Appreciate your input on this. You can send the details to our support at support@keenthemes.com.

Thanks in advance for your cooperation.

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