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,110 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 am looking for a way to extract the code responsible for mobile-view dropdown menu to use it in me wordpress theme. Could you give me some pointers how to do that? Thank you!

Hi :),

The responsive menu’s css code is located in layout.css(under assets/frontend folder if you are referring to the frontend theme or under assets/admin for the admin theme). Also you will need to check layout.js as well. I would suggest you to inspect the code from browser’s code inspector tool to detect which css code to retrieve.

Thanks.

Hi, RoadMap idea is a good one. Please open a section as it will help us plan more features in our product based on plugins and ideas by metronic in advance.

and also please consider using fancytree instead of jstree as it is more powerful till this time.Jstree is an entry level tree and cant even handle columns based tree.

Hi :),

Noted. Its in our roadmap already and we will attend to this plugin as soon as possible.

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

Thanks.

Hi, Circular Buttons without text using only icons have non-circular shapes for most of icons both (simple line icons and font-awesome). <a class="btn btn-circle red btn-xs green " href="#"> <i class="fa fa-times" /> </a>

Also as @Nicha stated: It will be very helpful for customers if you share with customers (who purchased) your RoadMap. Atleast what is planned to be in next releases. I asked for JQgrid very long ago and you guys said you will have it in future. Please share your future release details and product vision atleast with customers who purchased the product.Vision Sharing is totally missing in this product :(

Hi :),

You can try to apply “btn-icon-only” class:

<a class="btn btn-circle red btn-xs green " href="#">
<i class="fa fa-times" />
</a>

And for your feedback. We will consider and make it more clear so users will know what to expect in a future release. We will open a section for “Roadmap” in our website which we are about to launch.

Thanks.

understood, thanks.

Thanks. Appreciate that :)

Hi, any rough timelines for when the “fully featured to-do list” and “media manager”, which you have on your “future features” list since a long time, will be implemented?? Is it actually in the process of being implemented or not started yet?

Thanks for helping to plan.

Hi :),

The “fully featured to-do list” feature will be released in the next big release v3.2 but we can’t provide any accurate timeline for upcoming updates.

The Media Manager feature is currently on hold due to the 3rd party software licensing issues and we will update the “Upcoming Features” list and make it more clear. If you need to plan your project properly then i would suggest you to proceed by implementing the required features by your own based on existing components and plugins. I hope for your understanding on that we do not take the risk by providing any individual timeline on upcoming features to our buyers. However we do our best to help them in all possible ways.

For any further clarifications you can always contact our support at support@keenthemes.com

Thanks.

Hi, how to change the accented color on the frontend page for the block STEPS (1 – 2 – 3). Originally accented color on the – 1, but I need to do 2 and 3. Regards.

Hi :),

In custom.css please override below css code with your preferred colors:

/* step 1 */
.front-steps-wrapper .front-step1 {
  background: #E84D1C;
}
.front-steps-wrapper .front-step1:after {  
  border-left: 15px solid #EC7049;  /* the step 1 arrow */
}

/* step 3 */
.front-steps-wrapper .front-step2 {
  background: #E84D1C;
}
.front-steps-wrapper .front-step2:after {  
  border-left: 15px solid #EC7049;  /* the step 2 arrow */
}

/* step 3 */
.front-steps-wrapper .front-step3 {
  background: #E84D1C;
}

If you need any further clarifications please let us know.

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

Thanks.

I read a few months ago that you had plans to add a MailChimp compatible email template.

Can you tell us if this is close to come true? The email template is excellent, but it is really hard to make it work within Mailchimp!

Cheers!

Hi :),

Thanks for your feedback. At moment only the standard responsive email tempaltes is available. But we will revise this feature as soon as possible.

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

Thanks.

Did Metronic ever have an Address Book or File Manager pages at the begining and has since removed, or was this not the case?

I can’t find my original download to find out

Thanks :-)

Hi :),

Those features were not implemented yet. However we will consider implementing them in a future releases. But if you need these features urgently then i would suggest you to proceeding with your own implementation.

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

Thanks.

Thanks I thought I remember seeing them, they would be good implementations :-)

Noted. Those features will be considered in a future release :)

As you were asking: I would support adding http://www.amcharts.com/ as an extra payable option. Make it an option, then nobody can complain… );

Hi :),

We worked with Amcharts team to get 15% off promotion code for each Metronic buyer. Stay tuned to get the Amchart integration soon.

Thanks.

Hello, I’m about onepage-index.html Tell me please, how to fix Header block on top. I removed the Promo block and want to see Header block on top always. Thanks!

Hi :),

It needs some major changes in the code. We will try to implement it as an option in the next update v3.1.3 which we are planning to release in a few days.

Thanks.

Hi,keenthemes

Why I can’t download item?

Download not available

Item reached download limit

Hi :),

Sorry, we can’t distribute the updates outside ThemeForest site. Any update should be downloaded by customer since for each update ThemeForest will issue a proper license and etc. It seems your download number reached 50(newly set limit) so in order to get further updates you will need to purchase another license. If you have any further questions please contact Envato Support.

Thanks.

OK,I know,Thanks.

You are welcome :)

I would like to add TableTools functionality on “Responsive Table With Expandable details”. Can you help me?

Best regards, Darko

Hi :),

Referring to table-advanced.html in table-advance.js replace initTable3 function with below one:

var initTable3 = function () {
        var table = $('#sample_3');

        /* Formatting function for row details */
        function fnFormatDetails(oTable, nTr) {
            var aData = oTable.fnGetData(nTr);
            var sOut = '<table>';
            sOut += '<tr><td>Platform(s):</td><td>' + aData[2] + '</td></tr>';
            sOut += '<tr><td>Engine version:</td><td>' + aData[3] + '</td></tr>';
            sOut += '<tr><td>CSS grade:</td><td>' + aData[4] + '</td></tr>';
            sOut += '<tr><td>Others:</td><td>Could provide a link here</td></tr>';
            sOut += '</table>';

            return sOut;
        }

        /* Table tools samples: https://www.datatables.net/release-datatables/extras/TableTools/ */

        /* Set tabletools buttons and button container */

        $.extend(true, $.fn.DataTable.TableTools.classes, {
            "container": "btn-group tabletools-btn-group pull-right",
            "buttons": {
                "normal": "btn btn-sm default",
                "disabled": "btn btn-sm default disabled" 
            }
        });

        /*
         * Insert a 'details' column to the table
         */
        var nCloneTh = document.createElement('th');
        nCloneTh.className = "table-checkbox";

        var nCloneTd = document.createElement('td');
        nCloneTd.innerHTML = '<span class="row-details row-details-close"></span>';

        table.find('thead tr').each(function () {
            this.insertBefore(nCloneTh, this.childNodes[0]);
        });

        table.find('tbody tr').each(function () {
            this.insertBefore(nCloneTd.cloneNode(true), this.childNodes[0]);
        });

        /*
         * Initialize DataTables, with no sorting on the 'details' column
         */
        var oTable = table.dataTable({
            "columnDefs": [{
                "orderable": false,
                "targets": [0]
            }],
            "order": [
                [1, 'asc']
            ],
            "lengthMenu": [
                [5, 15, 20, -1],
                [5, 15, 20, "All"] // change per page values here
            ],
            // set the initial value
            "pageLength": 10,

            "dom": "<'row' <'col-md-12'T>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>", // horizobtal scrollable datatable

            "tableTools": {
                "sSwfPath": "../../assets/global/plugins/datatables/extensions/TableTools/swf/copy_csv_xls_pdf.swf",
                "aButtons": [{
                    "sExtends": "pdf",
                    "sButtonText": "PDF" 
                }, {
                    "sExtends": "csv",
                    "sButtonText": "CSV" 
                }, {
                    "sExtends": "xls",
                    "sButtonText": "Excel" 
                }, {
                    "sExtends": "print",
                    "sButtonText": "Print",
                    "sInfo": 'Please press "CTRL+P" to print or "ESC" to quit',
                    "sMessage": "Generated by DataTables" 
                }, {
                    "sExtends": "copy",
                    "sButtonText": "Copy" 
                }]
            }
        });
        var tableWrapper = $('#sample_3_wrapper'); // datatable creates the table wrapper by adding with id {your_table_jd}_wrapper

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

        /* Add event listener for opening and closing details
         * Note that the indicator for showing which row is open is not controlled by DataTables,
         * rather it is done here
         */
        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');
            }
        });
    }

The above code integrates the datatable’s tabletools example.

If you need any further clarifications please let us know.

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

Thanks.

Hi Two help request for Frontend corporate template

If I change the size of the logo the dropdown menu move down. it is impossible to click in submenus how to move up the submenus

how to add a background image If i add in custom.css

body { background-image:url(assets/frontend/pages/img/pics/background_photo_2014.jpg); } the picture doesn’t load the path assets without ../../ is corect for my project Regads

I disables the link and I am sending new e-mail

If i change

.header-navigation, .header-navigation .dropdown {
    position: static;
}

By (in custom.css)

.header-navigation, .header-navigation .dropdown {
    position: inherit;
}

the dromdown is correct,it seems ok with PC, Smartphone, Tablet

Great! Glad you managed to solve it :)

I would highly recommend adding the charts, and maps from http://www.amcharts.com/. They’re amazing.

Love this theme, keep up the good work!

Hi :),

Amchart is a commercial product and each buyer must purchase its license separately. Recently we contacted Amchart and they offered 20% off for Metronic buyers through special promotion code which will be included in the Metronic purchase package. What do you think about this deal :) ?

Thanks.

When will Metronic add the wordpress versions of the frontend and ecommerce themes? When will this be available?

Hi :),

At the moment we are not planning the WP version. In the near feature will be focusing on the HTML version.

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

Thanks.

Hi,

I have bought the responsive admin dashboard template and we are using the one page from the templates. When viewing one page template in IPAD or IPhone, the menu gets stuck and will stay in the same place unless i click once again on the menu. The links are going to the respective ahref, but the view is blocked by the expanded menu in the front. This is quite annoying and is a stopper for the customer. Can you please let me know if there is any fix for this?

This is very urgent. Thanks in advance for the help

Thanks, Hari

Hi :),

Thanks for your feedback. We will check it further and try to fix it as soon as possible.

For further info you can contact our support at support@keenthemes.com

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

All the icons are not showing on firefox but showing properly on chrome. I am using Firefox 30.0

Kindly help.

Hi :),

In the latest firefox "security.fileuri.strict_origin_policy" by default set to "true". Thats why firefox couldn't found the file font icon files(e.g: fontawesome) since browser doesn't support by default to go relatively upward, but the strange thing is, its only applied to the font files.

As a solution you have to change “security.fileuri.strict_origin_policy” to false in the about:config settings

Or you can deploy the theme into a webserver(localhost or remote server) and the icons will be displayed as expected.

For more info please refer below:

http://kb.mozillazine.org/Security.fileuri.strict_origin_policy

“Local documents have access to other local documents in the same directory and in subdirectories, but not directory listings. (Default) “

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

Thanks.

Thanks for your prompt reply. :)

You are most welcome! :)

There is bug in metronic.js execution of Metronic.setAssetsPath() must initiate recalculation of dependend variables inc. globalImgPath

Hi :),

Thanks for your feedback. We will check it further and fix it in the next update v3.1.3 which we are planning to release in a few days.

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

Thanks.

I am also looking for a developer who is very comfortable with this template and has used the metronic theme in the past.

If you have any recommendations please email me at epondbusiness@gmail.com

Thanks, Emmet

I am looking for a developer who is very comfortable with this template and had used it in the past. I have an existing web application that I would love to have the metronic theme applied to as well as some programming tweaks. If interested please email me gerace@gmail.com

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