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,111 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, The CKEditor is working fine, but when I add it on Modal Dialog (popup), it becomes un-editable. How to fix it ?

Hi :),

You can check the related discussion on CKEditor with boostrap modal integration here: http://stackoverflow.com/questions/22637455/how-to-use-ckeditor-in-a-bootstrap-modal

If you need any further assistance please contact our support at support@keenthemes.com. Also please attach your license info as we did not see “purchased” based for your username here.

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

Thanks.

Problem: overflow dropdown with tab. like this:

solution: edit global/css/components.css Line: 4100 change overflow: hidden; to overflow: visible;

Hi :),

Please consider not modifying the core css files. You can try to remove “tabbable” class without needing to modify the components.css or you can override it in custom.css.

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,

i like your theme and would like to purchase it. I have a question, is it possible to make the default theme color blue not the black color?

thanks

Hi :),

Sure. You just need to change the theme color’s css file in your page:

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

Also you can check assets/admin/layout/css/theme folder for available theme colors.

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

Thanks.

How can you change the color of the glyphicon in just one page, adding color to class doesn’t seem to be working.

Hi :),

You can use predefined color classes from http://keenthemes.com/preview/metronic/templates/admin/ui_colors.html. You can select the main color tab and see how to use selected color for font icons and other elements as shown below:

<i class="glyphicon glyphicon-cog font-red">                                                    </i>

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

Thanks.

Hi Keenthemes,

How can i make Horizontal Scrollable Table that works on larger screens instead of responsive? i need the first column with all rows to be fixed and then the others scroll horizontal since i have a lot of columns on my table, how can i accomplish this?

Thanks in advanced!

Hi :),

At the moment the datatable’s fixed column feature is not integrated yet. We will take a look at it in a future releases.

Thanks.

what im looking to do is the behavior of http://www.keenthemes.com/preview/metronic/templates/admin/table_responsive.html

responsive flip scroll tables, but in large screens no way to do it?

Thanks

Hi :),

Now it the flip scroll works for devices width smaller than 768px. You can change this setup in assets/global/css/components.css in line #3777 as shown below:

@media only screen and (max-width: 768px) {
}

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 like your layout, just the way my requirement was, want to  buying it, Would be nice if u have a asp.net version of this rather that php.

thanks Ajit

Hi :),

Sorry, Metronic is an HTML theme and the .net and php version of the theme is not in the plan.

Thanks.

Ok…HTML theme will do, will integrated it with asp.net..surely going to buy it now

Hi :),

Thanks for choosing Metronic and welcome to our awesome community.

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

Good luck with your project!

Thanks.

Hi

I am having an issue with the date-picker plugin on ie11 only. when focus is given to a field with date-picker class the calendar controls are not displayed. Same page viewed with firefox and chrome works as expected and displays the calendar control when you focus on the field.

Page loads correctly and I can not see any js errors.

Any ideas?

Thanks

Hi :).

The datapicker plugin should work fine in IE11 as well. You can check it here in IE11: http://keenthemes.com/preview/metronic/templates/admin/components_pickers.html.

You can try to open the IE11 developer panel and check the console for JS errors. If you need any further assistance please email our support at support@keenthemes.com.

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

Thanks

Hi!

There is some problems with popovers. It shows arrow incorrectly on small careen if it has lack of space in direction where it should show.

Example:

If this is last column in table then arrow goes wrong (in middle of the box over text).
<td><a class="popovers" data-trigger="hover" data-container="body" data-placement="top" data-content="Some long content……" href="http://www.google.com/calendar/event?action=TEMPLATE&text" target="_blank"><i class="glyphicon glyphicon-calendar" /></a></td>

If that would be middle column, would not be problem. This issue was not in 2.x version. Just with 3.x Could you please provide some fix? Thanks!

Hi :),

Can it be reproduced in desktop Chrome with mobile size screen ? I just tested the popover samples from http://keenthemes.com/preview/metronic/templates/admin/ui_general.html in Chrome(320px, 480px and 678px) and it seems working fine. Could you please clear your browser cache and retry again ?

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

Thanks.

Ok, i was not clear enough. This problem is if popovers is in table cell and this cell is in last column. Before migration to 3.1 all was good. See code example, what use to work perfectly fine before 3.1

<table class="table table-striped table-condensed"> <tbody> <tr> <td class="col-md-2">2014.01.20</td> <td><strong> Some Text </strong></td> <td><a class="popovers" data-trigger="hover" data-container="body" data-placement="top" data-content="Some long text... Some long text... .Some long text... .Some long text... .Some long text... . ." href="http://www.google.com/calendar/event?action=TEMPLATE"><i class="glyphicon glyphicon-calendar" /></a></td> </tr> </tbody> </table>

And yes, you can reproduce on any browser.

Hi :),

Seems something has changed in the latest bootstrap 3.2 bug/issue. However proper way will be using data-placement=”left” if your popover will be attached to the last column. For more info please check http://getbootstrap.com/javascript/#popovers.

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

Thanks.

I am attempting to use the TableTools plugin for the datatable. I can get the datatable initialized properly. However, when I add the TableTools plugin it duplicates the select records dropdown (5, 10, 15, 20, ALL) multiple times. Anyone else have this issue and know how to solve it?

Hi :),

As you can check in the original theme it should work fine: http://keenthemes.com/preview/metronic/templates/admin/table_advanced.html

The issue can be in your initialization code. Can you provide us a link to check/inspect your developing site somewhere online ?

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

Thanks.

In Safari (using iPad), the sidebar when collapsed shows the menu options under the page content, not over it. How to fix this issue?

Many thanks in advance!

Hi :),

Thanks for your feedback. Could you please let us know where did you encounter this issue ? In the original theme http://keenthemes.com/preview/metronic/templates/admin/index.html or in your developing version. If possible please provide us some screenshots and a link to test it(if the issue is in your developing site) and advise you further.

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

Thanks.

Many thanks for your feedback. I realized that this hover error is happening on later Safari versions. Using an up to date browser it works just fine. Many thanks for the great product!

Hi :),

Thanks for the update. You are most welcome and let us know if you need any further assistance. Good luck with your project!

Thanks.

I don’t get that ajax tables work correctly. I am trying with a demo Json file with 14 records. The configuration of dataTable is the below:

dataTable: { // here you can define a typical datatable settings from http://datatables.net/usage/options "lengthMenu": [ [5, 15, 20, -1], [5, 15, 20, "All"] // change per page values here ] , "pageLength" : 5 , "ajax": { "url" : "/orientacion-web/datos/clubes.txt" } ,"columns": [ { data: "nombre" }, { data: "provincia" }, { data: "localidad" }, { data: null, render:function(data, type, row){ return data.id}} ], "columnDefs": [{ // set default column settings 'orderable': false, 'targets': [3] }, { "searchable": false, "targets": [3] }] , "order" : [0, 'asc'] } When i execute my html page, i see all records, but they are not paginated. Furthermore, some messages are incorrects, for example, it show the message
No records found to show (filtered from NaN total entries)

What is wrong?

Hi,

I see you have done quite major changes with the original samples. I would suggest you to start it from scratch with little steps(try to modify a few stuff first, test it and move forward).

Also you should check your JS code where you initialize the datatable. Or any other JS code can break initializing the datatables properly.

To track the JS errors you should use chrome’s dev tools or firefox’s firebug tools to debug your pages for JS errors. For more info on debugging pages please refer below:

https://developer.mozilla.org/en/docs/Debugging_JavaScript https://developers.google.com/chrome-developer-tools/docs/javascript-debugging

Thanks.

How do I get a modal dialog to be stackable ontop of the already displayed dialog?

Do I need to do anything special?

Currently, I have a button on a dialog that launches another dialog, but for some reason, the 2nd dialog gets hidden behind the 1st dialog.

Hi :),

Did you check the stackable modal sample here http://keenthemes.com/preview/metronic/templates/admin/ui_modals.html.

In the above sample the child dialog is launched using below code:

<a class="btn green" data-toggle="modal" href="#stack2">
Launch modal
</a>

If you need any further assistance please send us(support@keenthemes.com) a link to check your developing site somewhere online.

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

Thanks.

hi, just wondering if there will be any upcoming updates coming soon for the theme ? going to modify / implement it on a site but shall there is any latest patch, i guess will wait for it then :D

Hi :),

The next update v3.2 is planned for somewhere in August, 2014 and it will include mostly new features and some bug fixes. However the next update features will be announced soon once we are near to release it.

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

Thanks.

In the Feeds layout, how can I make the second column not wrap when it has more content than just “20mins”? I would like to put a date or time in there. exmaple 9:00a – 3:00p.

THanks!

Hi :),

You can try to increase the width of that date container by adding below code in custom.css:

.feeds li .col2 {
   width: 100px;
   margin-left: -100px;
}

I think 100px should be enough for your content 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.

Excellent! THanks!

You are welcome! :)

Hello, I have a question: If you wish to install the theme on various sites, it is necessary to pay more régular licenses? Thank you in advance. Best regards. Clément

Hi :),

Yes, you will need to purchase separate regular license for each setup(client and domain).

If you need any further clarifications please let us know.

Thanks.

Thank you for your reply. Is it necessary to put the license number somewhere (in the code)? Thank you! Clément

Hi :),

No, its not necessary. You can bind it to your software license(in case if you issue) or you can just keep the licenses somewhere safe as proof of using the theme legally for each of your applications.

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.

Is it possible to use slimscroll inside a tabbed portlet? I can’t seem to get it to work. I want to scroll each tab content individually.

Are you initializing the scrollable part as shown below ?

<div class="scroller" style="height: 200px;">
.... scrollable content goes here...
</div>

If you need any further assistance can we check your developing site somewhere online ?

got it working, not sure how. thanks!

Glad for you :) Good luck with your project! :)

I come back with the TableAjax component. I don´t understand how the component generates dinamically the Action column with view icon for each row. How can i customize the Action column for include edit, delete and view buttons for each row?, Have i to indicate something especial in Json format?

Thanks!

Ok!, i got it!

After calling Ajax, I can see a table – but it’s not displayed in the way that’s shown in Managed Datatables. Which call do I need to make to Jquery after the call to Ajax?

Hi :),

You should get familiar with the datatable plugin by checking out the datatables plugin’s official documentation here: http://datatables.net

For 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 am trying configure TableAjax component. If i want to change the Ajax url, have i to update de table-ajax.js file?, or can i do another way more elegant?, maybe in TableAjax init method?, how i must do it?

Thanks!

Where can i view demo/table_ajax.php file?

Ok, i found it!

Hello Good Day I am trying to load options of select via ajax, but i am unable to do this. I have ajax data table, it is working fine, i am sending ajax parameters and server data. Ajax parameter is based on select box (drown down) value. Now options of select (drop down) is static. Datatable loading data according to selected value of drop drown. But now i want to get options from the server side through database using ajax. What I need is, when page load, drop down options populated via ajax, and first option should be selected and also first option value should be passed to the datatable for loading data. please help me to solve it with some snippet.

Hi :),

Sorry, our support does not cover providing a full code for individual features and customizations. However populating a select dropdown via ajax is a common task and you can find related resources http://stackoverflow.com/questions/20737764/populating-dropdown-menu-after-ajax-call http://stackoverflow.com/questions/22991067/populating-a-select-box-using-jquery-ajax-and-php If i understood correctly you have 2 simultanouse ajax requests(one for populating the select dropdown and another is for loading the datatables records). In this case first you will need to populate the select dropdown and on the ajax complete you should initialize and load the datatablse as shown below:

var grid; // global datatable object

$.post("dropdown.php", {}, function(data){

   //here you will need to populate the select input values/options

  //get the selected value of the select input and pass it with "ajax" as   shown below

  var param = $('#my_select_input').val();

  //initialize the datatable

  var grid = new Datatable();

        grid.init({
            src: $("#datatable_ajax"),
            onSuccess: function (grid) {
                // execute some code after table records loaded
            },
            onError: function (grid) {
                // execute some code on network or other general error  
            },
            dataTable: { // here you can define a typical datatable settings from http://datatables.net/usage/options 
                "lengthMenu": [
                    [20, 50, 100, 150, -1],
                    [20, 50, 100, 150, "All"] // change per page values here
                ],
                "pageLength": 20, // default record count per page
                "ajax": {
                    "url": "demo/table_ajax.php?param=" + param, // ajax source
                },
                "order": [
                    [1, "asc"]
                ] // set first column as a default sort by asc
            }
        });
});

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