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
,
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-debuggingThanks.
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 
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.
Hi
,
Please try to remove “tabbable” class from “tabbable portlet-tabs” DIV and it will work as expected.
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.
Seems I can’t get the slimscroll to function at all. I can see the scroller bar, but the content will not scroll. And there is lots of content. I have included the files and there are no 404 or js errors in the console. Chrome and FF
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!
Hi
,
table-ajax.js is a demo script. Basically you can reuse it to create your own script with customized datatables initialization code. In the table-ajax.is you should refer to handleRecords function and setup your own datatables. The ajax URL is defined under:
"ajax": {
"url": "demo/table_ajax.php", // ajax source
},
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.
Now, i have problema with the Json that i get back. The demo table have a check box column and Actions column. What have i to do for filling these columns correctly?
Thanks
Hi
,
Those checkbox and actions columns HTML code should be included in the JSON response. You can refer demo/table_ajax.php where ”$records[“data”]” array is constructed.
Thanks.
Where can i view demo/table_ajax.php file?
Ok, i found it!
Great! 
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
,
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.