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

Hello, I tested it in Nokia Lumia mobile . there is lots of issues there.

I request to test and try to resolve that in next version. Other then all are good great work.

Hi :),

Thanks for your feedback.

Could you please provide more details ? Did you refer to the latest v3.2 version in the demo preview site: http://keenthemes.com/preview/metronic/theme/templates/admin/ ?

What is the OS and browser version(WP or Android) ? Some specific URL or screenshots would be helpful for the investigation. You can send any further details to our support at support@keenthemes.com

Thanks.

May I start by saying what a wonderful theme. Very excited for the v3.3 theme, just keeps getting better and better. I was wondering if there was any plans for front end code for PHP frameworks such as Laravel in the future?

Hi :),

Thanks for your feedback.

The v3.3 version is around the corner and we are doing our best to release it within the next week.

At the moment we do not have plans for PHP version. We will be fully focusing in the HTML version in the near feature.

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

Thanks.

Hi friend, how can I disable the “minified” version of the theme on mobile devices?? I want the same site on all devices.

Hi :),

At the moment this non responsive layout feature is not support. We will try to implement it in a future release.

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

Thanks.

Is there an ETA when version 3.3 would be released? That preview image looks interesting :D

Hi :),

Yes, its expected to be a We are working hard to release it within the coming week.

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

Thanks.

Hi,

I have few queries as follow:

1. How to convert top dropdown menu(user,notification, menu) hover behaviour into touch on mobile and other devices.

2.How to remove scroll spy and goto top completely.

3.How to remove input icons completely.

4. I am using php to break and recreate pages with “php include function” but the issue is page level scripts and plugins should be called after core plugins and scripts. As my footer.php contains all the footer code including scripts, plugins, and closing “body” and “html” tags how can i call these page level scripts and plugins files after jquery core plugin/scripts.

5. I would also like to remove “Select2” for dropdown i would use basic bootstrap “select menu” please let me know how to replace “Select2” Dropdown” with Bootstrap dropdown on dynamic pages like “table_advanced.html” page.

Thanks

Hi :),

Thanks for your feedback.

1) it should be working on mobile devices(when you tap you should be able to open those dropdowns). If you had any issue with this please provide us more details(your phone modele, browser version, etc).

2) Could you please provide more details for this ? Which part(or component) of the page are your referring ?

3) Please provide us more details on this. Which input icons are you referring ? Actually you can see here all supported form elements: http://keenthemes.com/preview/metronic/theme/templates/admin/form_controls.html

4) I thinks this depends on how you organized your page layout in PHP level. By right you should have one master layout that call all the layout parts(header, footer, etc) so you can handle the include levels, etc.

5) Please go to assets/admin/pages/scripts/table-advanced.js and remove all select2 plugin related code:

tableWrapper.find('.dataTables_length select').select2(); // initialize select2 dropdown

If you need any further assistance please let us know. For more info you can check the FAQ here:http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469/support

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

Thanks.

Hi,

can your help me please?

I use the Datatable with expandable details. At the moment the details are shown at the same way you do in your example.

I have 9 columns and for each i will show more details. When I use your method it doesn’t look very nice because all shown details are in a long table with every thing in a separate row

I would make it look a bit nicer and more complex. It would be great if I could make the details look like the rows in the

“Extras -> User Profile -> Projects” – Tab

or use the bootstrap grid System in the details row so that I can add Charts, Images etc. into the details You have any idea how can I do this?

Thanks.

Hi :),

Please refer to initTable4 function in assets/admin/pages/scripts/table-advanced.js script. In the function you can see fnFormatDetails sub function which generates the content of the row details. In this content you can specify any HTML code need.

Then you can add some JS code to initialize some JS related components when the row is expanded using below row click handler:

 table.on('click', ' tbody td .row-details', function() {
     var nTr = $(this).parents('tr')[0];
     if (oTable.fnIsOpen(nTr)) {
         /* This row is already open - close it */
         $(this).addClass("row-details-close").removeClass("row-details-open");
         oTable.fnClose(nTr);
     } else {
         /* Open this row */
         $(this).addClass("row-details-open").removeClass("row-details-close");
         oTable.fnOpen(nTr, fnFormatDetails(oTable, nTr), 'details');

         // call here JS code initialize some charts, etc for the selected row
     }
 });
<pre>

The idea is to generate the HTML code on row click and initialize some JS code for the selected row details in row click event handler. 
The above code already defined in fnFormatDetails and you might need to modify it further.

If you need any further assistance please let us know. 
For more info you can check http://www.datatables.net/examples/api/row_details.html

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

Thanks. </pre>

Hi,

what fnFormatDetails do is to creat an Table in a new row. For a first test I don’t wrote a new script, I add a new row betwen the existing an put this into it:

<td colspan="9">
<div class="row portfolio-block">
<div class="col-md-5">
<div class="portfolio-text">
<img src="~/Content/assets/admin/pages/media/profile/logo_metronic.jpg" alt="" />
<div class="portfolio-text-info">
<h4>Metronic - Responsive Template</h4>
<p>
Lorem ipsum dolor sit consectetuer adipiscing elit.
</p>
</div>
</div>
</div>
<div class="col-md-5 portfolio-stat">
<div class="portfolio-info">
Today Sold <span>
187
</span>
</div>
<div class="portfolio-info">
Total Sold <span>
1789
</span>
</div>
<div class="portfolio-info">
Earns <span>
$37.240
</span>
</div>
</div>
<div class="col-md-2">
<div class="portfolio-btn">
<a href="#" class="btn bigicn-only">
<span>
Manage
</span>
</a>
</div>
</div>
</div>
</td>

The result doesn’t look like the row in “Extras -> User Profile -> Projects” – Tab How can I reuse the different styles you creat in a table row?

Hi :),

You should put the above code(without the TD tag like you added in your code):

<div class="row portfolio-block">
    <div class="col-md-5">
        <div class="portfolio-text">
            <img src="../../assets/admin/pages/media/profile/logo_metronic.jpg" alt="" />
            <div class="portfolio-text-info">
                <h4>Metronic - Responsive Template</h4>
                <p>
                    Lorem ipsum dolor sit consectetuer adipiscing elit.
                </p>
            </div>
        </div>
    </div>
    <div class="col-md-5 portfolio-stat">
        <div class="portfolio-info">
            Today Sold <span>
            187 </span>
        </div>
        <div class="portfolio-info">
            Total Sold <span>
            1789 </span>
        </div>
        <div class="portfolio-info">
            Earns <span>
            $37.240 </span>
        </div>
    </div>
    <div class="col-md-2">
        <div class="portfolio-btn">
            <a href="#" class="btn bigicn-only">
            <span>
            Manage </span>
            </a>
        </div>
    </div>
</div>

Also the above project list feature requires below css file to be included in the page:

<link href="../../assets/admin/pages/css/profile.css" rel="stylesheet" type="text/css"/>

If you need any further assistance please let us know.

Thanks.

Hi,

I just found a bug in Ajax Datatables. It won’t order it ascendent or descendent correctly …

Hi :),

Thanks for your feedback.

If you are referring to the samples in the theme please note the samples does not do real sorting. It just demonstrates the frontend part of the datatables. The actual server side features(sorting, filtering, etc) must be implemented by the buyers according to their server side language and database engine.

Please refer to the ajax datatable feature here http://keenthemes.com/preview/metronic/theme/templates/admin/table_ajax.html. The ajax datatables is based on http://datatables.net/ plugin. We just written our own wrapper script in assets/scripts/core/datatable.js. In the source code we have put some comments for a reference. The actual ajax datatable is initialized in assets/custom/table-ajax.js for table_ajax.html page. You can check the filter parameter for each column in table_ajax.html. Also you can use chrome dev tools or firebug to watch the ajax parameters sent to the demo/table-ajax.php.

The below page datatables.net/release-datatables/examples/data_sources/server_side.html explains how the server side ajax script generates the result.

if you need any further assistance please let us know. Next time please include your purchased metronic license so will mark you as valid user for further support.

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

Thanks.

Hi,

Thank you!

hello and this will be the first time that I will buy one template to my business and I have one question:

This HTML template only needs to be inserted on webhosting then we can control the content from the dashboard? like wordpress templates?

Or it needs good knowledge with coding?

:) :)

Hi :),

Thanks for your interest in Metronic.

Yes, with Metronic you can build any web application. Basically Metronic is an HTML theme but it is not fully functional admin system or WP theme. Metronic provides you just html templates without actual functionality. The actual implementation is responsibility of buyer. Basically web applications contain of 2 layers:

1) Design and Frontend UI(html, css, javascript)

2) Actual system implementation using a server side language such as PHP or Java, and database engine such as MySQL or Oracle.

So our Metronic theme, as an HTML theme helps you on the step #1. The step #2 will be responsibility of the buyers as every buyer has own requirements and system specification.

If you need any further clarifications please let us know. For more info you can check our FAQ here: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469/support

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

Thanks.

Hi, i’ve tried the template on an iphone 4 but when clicked on the menu button (see http://awesomescreenshot.com/0433gt0ke1) then many times the menu doesn’t appear. Are you aware for this issue? and how to fix it? please let me know asap as it’s very annoying

Hi :),

Thanks for your feedback. We will check this further. Could you please clarify, did you encounter this in the latest v3.2 here keenthemes.com/preview/metronic/theme/templates/admin ?

We checked the above screenshot but it seems it was removed. If possible could you please send any further details to our support email at support@keenthemes.com ?

Thanks.

Hello

I am a customer and i know PHP / HRML but i don’t have a clue about javascript / jquery and i was wondering if you could offer a simple documentation for how to use the notifications ( Toastr) in your template. Thanks in advance. Waiting for your feedback.

Hi :)

You can refer to ui_toastr.html template to learn more about the Toastr jquery plugin. First please make sure that you included the plugin’s js and css files properly:

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

Then please try to use below code in order to have a notification on page load(just for your testing):

<script>
jQuery(document).ready(function() {       
        // Display a warning toast, with no title
    toastr.warning('My name is Inigo Montoya. You killed my father, prepare to die!')

    // Display a success toast, with a title
    toastr.success('Have fun storming the castle!', 'Miracle Max Says')

    // Display an error toast, with a title
    toastr.error('I do not think that word means what you think it means.', 'Inconceivable!')

    // Clears the current list of toasts
    toastr.clear()
});
</script>

For more info please check out README file under assets/plugins/bootstrap-toastr/.

I hope the above info will be helpful.

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 ;)

Thanks.

Hi. How can I change the default color to blue?

Thanks

Hi :),

You just need to load the blue theme css file as shown below:

<link href="../../assets/admin/layout/css/themes/blue.css" rel="stylesheet" type="text/css" id="style_color">

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 am using old 1.5 version for a very long time, Until now I was using a Default sidebar but now I want to change it to fixed sidebar.

by doing <body class=”page-sidebar-fixed page-header-fixed” > ... It stops showing the submenus and also stops few javascripts running on the page Could you please help me fix this issue.

Thanks

Hi :),

Sorry for the late reply.

Could you please provide a link to your developing page ? We will need to check your code in order to advise you further. Also i would suggest you to check the fixed sidebar sample from the original theme templates.

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

Thanks.

Hi :),

The first issue you can fix by including the SlimScroll plugin’s JS file in your page since the fixed menu depends on this plugin. Please check the assets/plugins to find the slimscroll’s folder.

http://school.isc-r.com/market_overview/ here i could not see any plot charts. Seems the charts not shown for this username at the moment.

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

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

Thanks.

Hi. I use uniform but I don’t know why I have some problem with my input radio. Check it out. Tks for the help

Here is the link for the print screen: http://postimg.org/image/mdlhmny2h/

Hi :),

You must be copy pasted the code from browser. Please note the custom radio and checkboxes are customized using uniformjs.com plugin so you will need to get the code from the HTML templates directly not from the browser inspector.

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.

I want to use parallax page and admin template from the theme with different domain names.so, I need to buy this theme twice so that i could get license for both of these??

Hi :),

Thanks for your interest in Metronic.

Yes, you will need to purchase separate license for each domain. According to the themeforest licensing rules one license can be used only for one end product(e.g: domain).

If you need any further assistance please let us know.

Thanks.

thanks

You are welcome! :)

It would be helpful to send the “Postbox-Type” (inbox/draft etc.) in your “inbox.js”-file.

var Inbox = function () { var content = $('.inbox-content'); var loading = $('.inbox-loading'); var listListing = ''; var loadInbox = function (el, name) { var url = 'mc_bc_inbox_inbox.php'; var title = $('.inbox-nav > li.' + name + ' a').attr('data-title'); listListing = name; loading.show(); content.html(''); toggleButton(el); $.ajax({ type: "GET", cache: false, url: url, dataType: "html", data: {'boxtype': listListing}, // NEW LINE ....

Hi :),

Thanks for the suggestion. We will check it further and consider it in a future release.

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

Thanks.

hi, sorry for the dummy question but i wanna know how can i use it on html template?

Hi :),

Thanks for your interest in Metronic.

Yes, with Metronic you can build any web application. Basically Metronic is an HTML theme but it is not fully functional admin system or WP theme. Metronic provides you just html templates without actual functionality. The actual implementation is responsibility of buyer. Basically web applications contain of 2 layers:

1) Design and Frontend UI(html, css, javascript)

2) Actual system implementation using a server side language such as PHP or Java, and database engine such as MySQL or Oracle.

So our Metronic theme, as an HTML theme helps you on the step #1. The step #2 will be responsibility of the buyers as every buyer has own requirements and system specification.

If you need any further clarifications please let us know. For more info you can check our FAQ here: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469/support

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

Thanks.

Is there a way to get background videos to work on the parralax 1 page format on a mobile device? The demo does not work on iPhone Safari?

Is this due to the video type that is being hosted?? or does the theme not support background video on mobile devices ?

Hi :),

Thanks for your feedback.

There was some issues with video embeds in the revolution slider on mobile devices. But we will check it further and try to find a workaround for the issue.

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

Thanks.

SO if I am buying this theme i will get all the above mentioned?? Admin+frontend or just admin??

Hi :),

Yes, you can get all 5 themes. But for each project(end product or domain) you will need a separate license. For more info please contact our support at support@keenthemes.com

Thanks.

One more question:
.page-header.navbar {
  /* Top notification menu/bar */
  /* Header seaech box */
}
.page-header.navbar .page-logo {
  background: #fb5557;
}
.page-header.navbar .page-top {
  box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
  background: white;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
  background-color: #f9fafc;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
  color: #c0cddc;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
  background-color: #fb5557;
  color: white;
}

Missing space before .navbar style is OK? I found this in default.css

Hi :),

Thanks for your feedback. Yes, that OK, But we will try to clear that empty nodes in a future releases. This is a result of the SASS compiler.

Thanks.

Hi!

What about “tabs-right” and “tabs-left” classes for TABs in Admin 2 version?

Hi :),

You can use all the components from admin1 in admin2. Both admin layouts are based on the same framework(Metronic componets, plugins, etc).

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