12205 comments found.
Hi
Is there any less/sass files available?
Hi,
Sorry, at the moment less/sass files are not available. We will provide the LESS files in the next future.
Thanks.
Hi,
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.
Hi, sure, first i will give you real scenarios
1. User wants to change the logo, hence size my differ, navigation bara width will increase It destroys current layout also with media queries
So if we extract in simple way to set navbar height with media queries variables then it will all setup
Same with side bar
2. theme colors – links – backgrounds – icons – badges
Actually most difficult part of any pre-made theme is to setting up the default sizes, which is ripple effect and destroys every thing
Thanks
Hi
,
Thanks for the feedback. We will definitely take into account your advice.
Thanks.
Hi,
your welcome, I’m having trouble with bootstrap-switch css.
bootstrap-switch class switch-mini produces wrong result, also if switch has longer text like data-on-label=”External User” and data-off-label=”“Internal User”, it dosent show correctly
Actually i really recommend this simple one http://olance.github.io/jQuery-switchButton/ lot of things can be modified easily and also its slim n slick, i just replaced this with bootstrap-switch
Hi,
Please use below workaround for a long text:
<div class="make-switch" data-on-label=" External User " data-off-label=" Internal User ">
<input type="checkbox" checked class="toggle"/>
</div>
In the demo page mini switches works fine. Could you please provide your code and a screenshot. If possible please give us a link to your page so we can access it and check your code. You can send the further details to our support at support@keenthemes.com.
Thanks.
Hi
,
We will definitely consider the jQuery-switchButton plugin in a future release.
Thanks.
I want to upload image file to my server. Can you describe some easy steps to do it? When I click on start upload it should be uploaded to my server.
Thanks
Hi,
You can refer http://keenthemes.com/preview/metronic_admin/form_fileupload.html page to get started with the file upload feature. For more info you can check out the official plugin documentation here http://blueimp.github.io/jQuery-File-Upload/Please note you will need to use some server side programming language(PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) in order to have the jquery file upload working.
Please let me know if you need any further assistance.
Thanks.
Hello.
Could it be possible to add kinda form builder?
Something like this: http://minikomi.github.io/Bootstrap-Form-Builder/Kindly, Artur.
Hi Artur
,
Thanks for the suggestion. This plugin seems works with Bootstrap 2.x versions. We will consider adding it once it supports Bootstrap 3.0.
Thanks.
Hi,
Looks like i missed that
. Let me check it further.
Thanks.
Hi!
I happened to see your commentary…
“At the moment we are not planning the Wordpress version yet. We will consider the WP version after releasing v1.6 the complete eCommerce features for the Admin and frontend”.
How long to wait about this theme on wordpress? A month, two months, six months? Tell me, please.
Hi Sergey,
We can’t tell now any clear timeline. However if we decide doing the WP version that it will take not less than 2 or 3 months.
Thanks.
You understand that the theme for wordpress waiting a few thousand people? It’s a lot of money. Make sure!
Hi
,
We will consider the WP version it as soon as possible. May i know, which WP version would you need ? Metronic Admin WP or Metronic Frontend WP ?
Thanks.
Greetings. Of course, the theme template. The administrative panel is not needed.
Have you purchased this product many users. And many thought it wordpress. Therefore, such a big sale.
Everyone is waiting. You can run a survey and estimate demand.
Especially, a pattern like this theme, you can make someone else’s hands for a minimal fee. We are waiting!
Hi,
Thanks for your feedback. We will definitely consider it in the future.
Thanks.
This looks a lot like your template …
[link removed]
Are they affiliated?
Hi,
No, we do not have any relation to this theme.
Thanks.
Hi keenthemes!
The calendar page have drag and drop integration, so I can drag the events outside to inside calendar. It’s possible the reverse, inside to outside?
Best regards, rrispoli.
Hi
,
Seems this need some workaround on the FullCalendar plugin http://arshaw.com/fullcalendar/.
Could you please check out below discussion http://stackoverflow.com/questions/3214033/how-to-drag-an-event-from-fullcalendar-back-to-external-list.
Please let me know if you need further assistance.
Thanks.
Hi there me again with another question. I have a foreach loop php and in that loop i generate a links to an external file eg:
<a href="{{ Request::root() }}/edit/{{ $item->id }}">Item name</a>
I want to be able to open each link in a responsive modal box. I would like to reuse the same modal and replace the content each time i click on a link within the loop. hope thats clear, thanks.
Hi kedstudio,
You can use extended bootstrap modal plugin from http://keenthemes.com/preview/metronic_admin/ui_extended_modals.html.
First make sure you included bootstrap modal plugin’s JS and CSS files on your page. Then you will need to apply some JS code to implement the feature you need.
Add following HTML code to the bottom of your page for the ajax modal container:<div id="ajax-modal" class="modal fade" tabindex="-1"> </div>Add following JS code to the bottom of your page:
<script>
jQuery(document).ready(function() {
$('.ajax-links').on('click', function() {
$('body').modalmanager('loading');
$modal.load($(this).attr("href"), '', function(){
$modal.modal();
});
});
});
</script>
Finally change your PHP code as below:
<a href="{{ Request::root() }}/edit/{{ $item->id }}" class="ajax-links">Item name</a>
Hope the above instructions will be helpful. Please let me know if you need any further assistance.
Thanks.
Hi thanks, sorry just got around to trying this. it doesn’t work for me. I see the loading bar and then the link in the href is opened in a the page and not in the modal. I don’t mind if the request isn’t ajax, so any method would be fine. thanks
Hi,
Please try below code(in the previous code var $modal = $(’#ajax-modal’) seems missing):
<script>
jQuery(document).ready(function() {
var $modal = $('#ajax-modal');
$('.ajax-links').on('click', function() {
$('body').modalmanager('loading');
$modal.load($(this).attr("href"), '', function(){
$modal.modal();
});
});
});
</script>
Also please make sure that your each URL returns a proper content that can be populated in the modal body.
If you need any further advice, please give us a link to your page so we can access your page and check your code in order to advise you further. You can send the details to our support at support@keenthemes.com
Thanks.
Hi thanks, this didn’t work. I managed to figure it out or I think I have. I added e.preventDefault(); to the function.
jQuery(document).ready(function() {
var $modal = $('#ajax-modal');
$('.ajax-links').on('click', function(e) {
e.preventDefault();
$('body').modalmanager('loading');
$modal.load($(this).attr("href"), '', function(){
$modal.modal();
});
});
});
My next question is where can i find the code for the buttons in the modal as only the close button works? Thanks again.
Hi,
You should attach a javascript function to the button click event as shown below:
HTML:<button type="button" class="btn blue" onclick="buttonSaveHandler()">Save changes</button>JS:
<script>
function buttonSaveHandler() {
alert("hello world");
}
</script>
You can define the function above in the master page(the page that modals are called) or in the ajax response right after the modal content.
Thanks.
function buttonSaveHandler() {
var form = document.getElementById('form');
form.submit();
}
this submits the form but none of the post data is sent through. is this only for ajax? if so which modal can I use for non-ajax submission? thanks 
Hi,
This is not about ajax. I would suggest you to double check your form inputs and input names. Basically if you have a form with inputs then upon submit you should be able to receive the data at the backend side.
If you need our further assistance could you please deploy your page to some web hosting and give us a URL to access it and check your code. We will need to check your working website in order to advise you further. You can send the details to our support at support@keenthemes.com.
Thanks.
Hi@all
I try to use select2 with multiple for the recipients in the Compose Template. I want a List of recipients and the User can chose who becomes the message.
$('#to').select2({
placeholder: "Select...",
allowClear: true});
<select id="to" class="form-control select2me" data-placeholder="Select..."> <option value="AL">Alabama</option> <option value="WY">Wyoming</option> </select>
but no style or select2 functions are added I test it with an Input and query, and it works but i need it with the select.
How can i do this? Thanks for your help
Hi,
Sorry for the late reply. We just got a chance to attend to your comment.
Did you include the Select2 plugin JS and CSS files:
CSS<link rel="stylesheet" type="text/css" href="assets/plugins/jquery-multi-select/css/multi-select.css" />JS:
<script type="text/javascript" src="assets/plugins/select2/select2.min.js"></script>
Could you please check your page on Firefox with Firebug to make sure there is no JS errors. If possible could you please provide a link to your page for us to check your code and advise you further.
Thanks.
Yes the JS and CSS files are included.
An other question did i need the multi-select.css for select2? And your documentation is wrong. The link in the documentation is: multi-select-metro.css But there is just one file: “multi-select.css”
Unfortunately I can’t give you a link to the page because the page are not finished yet and just local on my PC 
No Errors in Firebug and Visual-Studio.
When I use:
input.select2({
placeholder: "Select...",
query: function (query) {
}
});
and
<div class="inbox-form-group mail-to">
<label class="control-label">To:</label>
<div id="controls-to" class="controls controls-to">
<input id="to" type="hidden" class="form-control select2" name="to"/>
</div>
</div>
all works fine.
!!I found the error!!
The problem is I load the whole <select> with Ajax. I add now the <select> in the compose-page and load just the options with ajax.
When the compose-page load the field is styled and then the ajax loads the Options.
Sorry for waste your time 
No problem at all. Glad that managed to solve the issue
. Good luck with your project!
Amazing design. A simple question. I will use your front end theme for a website for tiles so how do you link product images and categories in admin panel with front end website. There will be 9 categories (marble, granite, travertine etc). Is it easy to do??
Hi mucella
,
Thanks for your feedback.
Please note the frontend and admin themes are just HTML templates and they don’t include the server side implementation(database connection and business logic). The complexity of the implementation will depend you your project requirements. However to use Metronic template for your project you will need to code it using some server side programming languages such as PHP, .NET, JSP, etc.
Please let me know if you need any further assistance.
Thanks.
KT, I’m needing something that is like a combination of the “Nestable List” and the “Editable Table”. Is there a way to combine these two things so that I can both edit a table row and re-order the table rows by clicking and dragging them (or a “Move Up” and “Move Down” button)? I don’t really need the “nesting” functionality per se, but like the way the list items can be dragged and re-ordered. This is for a “Phone Call List” type page I’m working on with a list of phone contacts that I’d like to be able to edit on each row, but also be able to re-order them to signify the order they should be called in. Would love this functionality!
Hi,
Currently Metronic does not support this feature. Could you check out below plugin ? http://isocra.com/2008/02/table-drag-and-drop-jquery-plugin/We are going to integrate this plugin in the next update v1.5.3 soon. If you need this urgently the you can just try to include this plugin and use it for your datatables.
Please let me know if you need any further assistance.
Thanks.
In the “Nestable List 3” demo, is there a way to restrict the user from making it a “sub-item”? Like if I only wanted items at the “root” level with none having sub-items. Is this possible?
Hi,
Sure, you can do that by just removing the sub items from the list as show below:
<div class="dd" id="nestable_list_3">
<ol class="dd-list">
<li class="dd-item dd3-item" data-id="1">
<div class="dd-handle dd3-handle"></div>
<div class="dd3-content">Item 1</div>
</li>
<li class="dd-item dd3-item" data-id="2">
<div class="dd-handle dd3-handle"></div>
<div class="dd3-content">Item 2</div>
</li>
<li class="dd-item dd3-item" data-id="3">
<div class="dd-handle dd3-handle"></div>
<div class="dd3-content">Item 3</div>
</li>
<li class="dd-item dd3-item" data-id="4">
<div class="dd-handle dd3-handle"></div>
<div class="dd3-content">Item 4</div>
</li>
<li class="dd-item dd3-item" data-id="5">
<div class="dd-handle dd3-handle"></div>
<div class="dd3-content">Item 5</div>
</li>
</ol>
</div>
Hope the above code will be helpful.
Thanks.
This still allows the user to create a sub-item by dragging a root-level item inward. I want to limit the dragging functionality to only be able to sort items at the root level and not allow them to set any item as a sub-item of another.
Hi,
You can limit nesting depth by using below parameter:
$('#nestable_list_3').nestable({maxDepth: 1});
Now it should work as you expected.
Thanks.
I can’t select a date range that spans more than one year (date range – custom – 1/1/12 to 12/31/13. It keeps switching back to the same year. It’s happening on the theme preview also.
any ideas?
Hi,
Could you please provide more details, some screenshots and steps to reproduce the error ? What page and what date picker are you referring ?(the daterange picker or datepicker).
Thanks.
Here is an example how to display Font Awesome in a select:
<select style="font-family:'FontAwesome', Helvetica;">
<option>?</option>
</select>
In the follow link the select with the complete list of icons:
https://dl.dropboxusercontent.com/u/6051966/select.txt
NOTE: You need to include the code in your metronic template.
hope it can be helpful.
Note: remove underscores in option section.
<select style="font-family:'FontAwesome', Helvetica;"> <option>&_#_x_f_0_0_e_;</option> </select>
Hi
,
Thanks for sharing this. We should check it further and make sure it’s supported by Major browsers before we include it in the theme.
Thanks.
Hey… when are you expecting to launch the Metronic Wordpress theme?
Is it going to be based on the front end theme, or the backend themes?
Thanks.
Hi
,
At the moment we are not planning the Wordpress version yet. We will consider the WP version after releasing v1.6 the complete eCommerce features for the Admin and frontend.
Thanks.
Hi Keenthemes, I liked your template and have a few basic questions. 1. Will documentation be provided along with the template? 2. We are currently using Wordpress for our blog. How easy is it to use your blog template with Wordpress? Are there any steps mentioned for the same in your documentation? 3. Please correct me if I’m wrong. The admin theme with your template is just a theme and the website designing will not be through any drag and drop. Right?
Hi
,
Thanks for the comment.
1. Yes, the general documentation will be provided for both admin and frontend themes.
2. Metronic is a HTML template and you can use it to create a wordpress theme from scratch for your blog. This portion is not documented as this is out of the theme’s scope. However you can check Wordpress’s official documentation on how to create a theme from scratch and use it for your blog.
3. The admin and frontend themes are just HTML template and there is no drag and drop tool to edit the theme. To customize the theme you will need to edit it HTML, css and JS sources.
I hope the above info will be helpful. Please let me know if you need any further clarification.
Thanks.
metronic 1.5.2 dont have a good view in IE8
Hi
,
Thanks for your feedback. Please note that IE8 does not support CSS3 features(rounds, shadows) and the overall look and feel can be slightly different comparing other modern browsers(Chrome, Firefox, Safari, IE10).
If you encountered any other issues then please send the details and screenshots to our support at support@keenthemes.com.
Thanks.
ok you can add some IE css code , for round use PIE.htc , and other thing that dont work in IE Should not damage all site theme , you shuold know yet we have many user that have IE8 beacuse of win7 defult browser is IE8
Hi
,
Thanks for the suggestion. We will definitely consider it in future release.
Thanks.
Hi keenthemes, i’m working in a front-end using Metronic(ver. 1.50 updated to 1.51), and have a little bug when open in IE8. In superior right side, appears the responsive menu button, then, left menu not appear. I waste some time comparing files, but dont see any significant difference who can cause this problem. Do you see any like this? Here a screenshot with problem in red rectangles.
Hi,
Could you please double check and make sure that you are loading following JS files on the bottom your page:
<!--[if lt IE 9]> <script src="assets/plugins/respond.min.js"></script> <script src="assets/plugins/excanvas.min.js"></script> <![endif]-->
Please note IE8 requires respond.min.js to be included in order to render the responsive mode properly(the CSS media queries).
Please let us know if you need any further assistance. You can also use our support email support@keenthemes for further questions.
Thanks.
Hi kt,
When i want to use page under the any folder with changing "assets/..." location to like "../assets/..." it work good on ie but something wrong chrome any suggestion.
Hi mahirc,
Are you opening the page from a web server(localhost) or direct from your PC ? If you are opening it from a web server(localhost) then i would suggest you to use an absolute path(http://somehost/some_folder/assets) or relative path to the root of your website(/some_folder/assets/).
If you need any further assistance please send the further the details to our support at support@keenthemes.com and we will get back to you as soon as possible.
Thanks.
Hi, really love your baby. In the front page (page_home2.html), could you please add sign-up and sign-in buttons? It would be nice to have.
Hi
,
Thanks for the comment. We noted your suggestion. In the next update(v1.5.3) will add these links.
Stay tuned and follow us on http://twitter.com/keenthemes
Thanks.
Hi,
I am working with Form Wizard. I want two validations for Password field: -
1. Required (id=”submit_form_password”).
2. Password Strength (id=”password_strength”).
But as per CSS rules, i can not use two id’s in same field. Now what i do in this condition ?
Same problem with username availability checker field.
Hi,
Yes, you can not use 2 ID attribute for the same element. Instead you can use 2 or more classes and define the JS code per class:
$('.submit-form-password-checker');// do some stuff.
$('.submit-form-password-strength');// do some stuff.
Please let me know if you need any further clarification.
Thanks.
I don’t get you….. Please write full js code.
Hi,
In your case you can have one ID=”submit_form_password” for your input. For the password strength script you can use the id as below:
// define function
var handlePasswordStrengthChecker = function () {
var initialized = false;
var input = $("#submit_form_password");
input.keydown(function () {
if (initialized === false) {
// set base options
input.pwstrength({
raisePower: 1.4,
minChar: 8,
verdicts: ["Weak", "Normal", "Medium", "Strong", "Very Strong"],
scores: [17, 26, 40, 50, 60]
});
// add your own rule to calculate the password strength
input.pwstrength("addRule", "demoRule", function (options, word, score) {
return word.match(/[a-z].[0-9]/) && score;
}, 10, true);
// set as initialized
initialized = true;
}
});
}
//call the function
handlePasswordStrengthChecker();
The same method you can use for username availability checker. All you have to do is to get the code and change the input id it and use it in the form wizards page.
Thanks.
Thank you.
Can you please change this functionality in next release ? Cause in any type of development, developer may need more one validations of js.
Thanks
Hi,
Noted, we will consider this suggestion in the future release.
Thanks.
Thanks KeenThemes
Hi, how can I remove the demonstration boxes and all that stuff that keeps coming back everytime i loaded it on a new computer? Thanks
Hi
,
Please go to index.html and from the bottom of the page remove following line of code:
Index.initIntro();
Please let me know if you need any further assistance.
Thanks.
Thanks man, great theme btw
You are most welcome
Good luck with your project!