3498 comments found

Fadjerx Purchased

Hello, Problem in ie8: When the user changes the color of the page, the sidebar color icons, changes only when it passes the mouse. please, how can i force the refresh….

keenthemes

Hi,

Can you retest it using the direct link without iframe header:

keenthemes.com/preview/metronic_admin/

Thanks.

keenthemes

Thanks for the update. We will check it further and try to settle it as soon as possible.

Hi, Template wonderful. But on each page have different different CSS and JS files. Will be very difficult to separate them. I’m doing Laravel the development. All CSS and JS files at the same time, we just use a single header page also what happens :) Thanks

keenthemes

Hi :),

Thanks for the feedback.

In the next update we will enhance and update the doc. In the main time please refer to the below reference list:

holder.js – http://imsky.github.io/holder/ ion.rangeslid – https://github.com/IonDen/ion.rangeSlider JQuery knob – http://anthonyterrien.com/knob/ Jquery-pjax – https://github.com/appendto/jquery-mockjax jquery.mockjax.js – https://github.com/appendto/jquery-mockjax jquery.pwstrength.bootstrap – https://github.com/ablanco/jquery.pwstrength.bootstrap moment.min.js – http://momentjs.com/docs/ plupload – http://www.plupload.com/

If you need any further assistance please let us know.

Thanks.

Default-user

Thank you for quick support :)

keenthemes

You are welcome :)

Fadjerx Purchased
Hello,
My content takes time to be loaded, so I decided to load the menu as a first step and then i load the content.
In order to ensure that, I put the loading of JS and CSS files in the head, and I also called
jQuery(document).ready(function() {    
   App.init();    
});
in the head,but no result in ie8 (the menu is always loaded after the content :( ).
Should I change other things…. ?!!!
thanks.
keenthemes

Hi,

I suggest you to not change the script loading order. IE8 is naturally slow browser so changing the script loading order will not impact to the page rendering speed.

For IE8 below JS files will be conditionally loaded:

<!--[if lt IE 9]>
<script src="assets/plugins/respond.min.js"></script>
<script src="assets/plugins/excanvas.min.js"></script> 
<![endif]-->

The above scripts will help IE8 to handle the css media queries and html canvas elements. Due to this the page rendering get quite slower comparing to the modern browsers.

If you need any further assistance please email to our support at support@keenthemes.com. Please include a link to your page so we can help you much better if you can access to your page and its code.

Thanks.

Default-user
Fadjerx Purchased

thanks,

But how can you explain this case,
http://www.hostingpics.net/viewer.php?id=680757LoadOrder.png
Even if the code of the menu (

<div class="page-sidebar-wrapper">....</div>

) is before the content (
<div class="page-content-wrapper">
...</div>
), the content is showed before the menu…. !!!!!!!!!!

Where can I download Version 1.1.1 – or 1.2? I need the older versions and I can’t find them to download?

Thanks!

keenthemes

Hi,

Please note themeforest allows us to distribute only the latest version. The current available version is v2.0.2 while the older versions are no longer available. Also we suggest you to use the latest version since it has the most stable code and includes a lot of new features, improvements and bug fixes.

Thanks.

Hi All :),

You can follow us on http://twitter.com/keenthemes to get latest news. Also we are working on our official website keenthemes.com to keep in touch with our awesome community more effectively. Stay tuned!

Thanks.

Phaoris Purchased

hi dude,

i wonder why the filtering in datatable ajax not working in your template ?

keenthemes

Hi,

This is just a demo datatable and its not linked to real database. In order to make it fully functional you will need to complete the server side with database query so this depends on your prefered server side language: php, python, ruby, .net, java, etc. The current example just demonstrates the frontend part of the datatables. The server can be something like shown here: http://datatables.net/release-datatables/examples/data_sources/server_side.html.

If you need any further clarifications please let us know.

Thanks.

Default-user
Phaoris Purchased

in fact yes i need more clarification as i use php. i was thinking that ajax datatable use its own filtering, and in fact you are adding your own, so if you dont mind i really need the filter script on the ajax datatable either using php or jquery / ajax

thx dude :)

ps: any eta on the next update ?

keenthemes

Hi :),

Basically the ajax datatable gets the ready to display data from the server side(php script) and the sorting and filtering is implemented in server side. You can check http://datatables.net/release-datatables/examples/data_sources/server_side.html. to learn how the frontend parameters are being captured and used in the server side script. Also you can check demo/ecommerce_products.php script where the server side processing is simulated without real database connection. However the server side implementation is not covered by our support. You can check our support policy here: themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469/faqs/17553

The next update should be within next month. We are doing our best to release it as earlier as possible.

Thanks.

poseso Purchased

Hi Keenthemes,

How can I change the height of the revolution slider in the corporate theme ?

Thanks!!!

keenthemes

Can you deploy it in some test/staging server ? I am afraid otherwise we can’t investigate the issue.

Default-user
poseso Purchased

Ok, Email sent!

keenthemes

Ok. Got you email. We will revert back to you soon.

Hi .. Does this support RTL for Arabic?

keenthemes

Hi :),

Yes, Metronic supports RTL and you can check it here: keenthemes.com/preview/metronic_admin_rtl/.

Also you can check the description where the RTL support is mentioned – http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469.

If you need any further clarification please let us know.

Thanks.

umarmughal

Thanks, I checked that and it looks just perfect for my next project .. :)

keenthemes

Great :) Good luck with your project! :)

sofferd Purchased

Hello

I am using this wonderful design in a .NET web application. My aspx pages must contain only one form tag in order to maintain controls input through postback event. Is there a way to avoid the form tag in each form portlet and yet, keep the portlet design and validation.

Thank you and regards

keenthemes

Hi,

If you will put one form tag and remove other forms then you will end up with major modifications or workarounds. I would suggest you to move to asp.net mvc so won’t need to have a single form tag for postbacks and you can have more control over the page markup.

Thanks.

Hi,

I need a little help, I was trying to make my data table sortable by clicking field in the first row of table ( such as “ship to”, “date” etc) in datatable.js but until now I’m stuck..

how to make table able to sort it by clicking the parameter?

thank you :)

keenthemes

Hi :),

The datatables relies on the data passed from the server side(your script that generates the datatable records). So the records are sorted in the server side based on the parameters received from the frontend(on user click). You can learn more about the datatable with server side processing here: datatables.net/release-datatables/examples/data_sources/server_side.html.

If you need any further assistance please let us know.

Thanks.

Default-user

Thanks for the response, I really appreciate it..

no, I mean after the data has been passed into the table, so that the data will come along with the table that user can see the whole table in the front end. the problem is, that after the table has been generated, as example, I, as user want to sort the table based on the column(you can see “live example” at the link that you referred to, I can easily sort the table based on “Browser” or “Platform(s)” column.. so how to solve this issue?

and also I want to ask,how to change the default coordinate of gmaps in contacts page (ecommerce)?

keenthemes

Hi,

In the above example, whenever user clicks on the column’s sort icon, the table will be reloaded(resorted) from the server side via ajax. In the Metronic demo we just demonstrated it with demo data which is not linked to real database(check the demo script: admin/template/demo/ecommerce_products.php). The actual sorting is responsibility of the buyer since each buyer can use different languages(php, .net, jaha, ruby, etc). Please note, in Metronic we just customized the look and feel of the datatable plugin and you can learn further about the datatable plugin from its official home: http://datatables.net/.

To change the map location you just need to modify the coordinates lat: -13.004333 and lng: -38.494333 in assets/scripts/contact-us.js

Thanks.

mgalins Purchased
Hi! I am using validation plugin and I would like to validate Date Range Date Pickers. Validation as such works fine, but colours is not correct (shows green) if I choose just one of the dates. This is my code:
          <div class="form-group">
            <label class="control-label">From To <span class="required"> * </span></label>
            <div class="input-group input-large date-picker input-daterange">
              <input type="text" class="form-control" readonly name="DatumsNo">
              <span class="input-group-addon"> to </span>
              <input type="text" class="form-control" readonly name="DatumsLidz">
            </div>
            <!-- /input-group --> 
            <span class="help-block"> Some addiational help text. </span> </div>

Similar trouble with select2 “Tags Support List”, is not sowing red if fail.

            <div class="form-group">
            <label class="control-label">Some text<span class="required"> * </span></label>
            <div class="input-icon right input-large"> <i class="fa" />
              <input type="hidden" class="form-control select2" value="" name="Pasakums" >
            </div>
            <span class="help-block">Some help</span>
            </div>

I am using your validation script.

Thanks!

keenthemes

Hi,

Please make following changes in form_validation.html template:

Change advance Advance Validation form as shown below:

<per> <!- BEGIN FORM-> <form action=”#” id=”form_sample_3” class=”form-horizontal”> <div class=”form-body”> <h3 class=”form-section”>Advance validation. <small>Custom radio buttons, checkboxes and Select2 dropdowns</small></h3> <div class=”alert alert-danger display-hide”> <button class=”close” data-close=”alert”></button> You have some form errors. Please check below. </div> <div class=”alert alert-success display-hide”> <button class=”close” data-close=”alert”></button> Your form validation is successful! </div> <div class=”form-group”> <label class=”control-label col-md-3”>Name <span class=”required”> * </span> </label> <div class=”col-md-4”> <input type=”text” name=”name” data-required=”1” class=”form-control”/> </div> </div> <div class=”form-group”> <label class=”col-md-3 control-label”>Email Address <span class=”required”> * </span> </label> <div class=”col-md-4”> <div class=”input-group”> <span class=”input-group-addon”> <i class=”fa fa-envelope”></i> </span> <input type=”email” name=”email” class=”form-control” placeholder=”Email Address”> </div> </div> </div> <div class=”form-group”> <label class=”control-label col-md-3”>Occupation¬†¬†</label> <div class=”col-md-4”> <input name=”occupation” type=”text” class=”form-control”/> </div> </div> <div class=”form-group”> <label class=”control-label col-md-3”>Select2 Dropdown <span class=”required”> * </span> </label> <div class=”col-md-4”> <select id=”form_2_select2” class=”form-control select2me” name=”options2”> <option value=””>Select…</option> <option value=”Option 1”>Option 1</option> <option value=”Option 2”>Option 2</option> <option value=”Option 3”>Option 3</option> <option value=”Option 4”>Option 4</option> </select> </div> </div> <div class=”form-group”> <label class=”control-label col-md-3”>Select2 Tags <span class=”required”> * </span> </label> <div class=”col-md-4”> <input type=”hidden” class=”form-control” id=”select2_tags” value=”” name=”select2tags” > <span class=”help-block”> select tags </span> </div> </div> <div class=”form-group”> <label class=”control-label col-md-3”>Datepicker</label> <div class=”col-md-4”> <div class=”input-group date date-picker” data-date-format=”dd-mm-yyyy”> <input type=”text” class=”form-control” readonly name=”datepicker”> <span class=”input-group-btn”> <button class=”btn default” type=”button”><i class=”fa fa-calendar”></i></button> </span> </div> <!- /input-group -> <span class=”help-block”> select a date </span> </div> </div> <div class=”form-group”> <label class=”control-label col-md-3”>Membership <span class=”required”> * </span> </label> <div class=”col-md-4”> <div class=”radio-list” data-error-container=”#form_2_membership_error”> <label> <input type=”radio” name=”membership” value=”1”/> Fee </label> <label> <input type=”radio” name=”membership” value=”2”/> Professional </label> </div> <div id=”form_2_membership_error”> </div> </div> </div> <div class=”form-group”> <label class=”control-label col-md-3”>Services <span class=”required”> * </span> </label> <div class=”col-md-4”> <div class=”checkbox-list” data-error-container=”#form_2_services_error”> <label> <input type=”checkbox” value=”1” name=”service”/> Service 1 </label> <label> <input type=”checkbox” value=”2” name=”service”/> Service 2 </label> <label> <input type=”checkbox” value=”3” name=”service”/> Service 3 </label> </div> <span class=”help-block”> (select at least two) </span> <div id=”form_2_services_error”> </div> </div> </div> <div class=”form-group”> <label class=”control-label col-md-3”>Markdown</label> <div class=”col-md-9”> <textarea name=”markdown” data-provide=”markdown” rows=”10” data-error-container=”#editor_error”></textarea> <div id=”editor_error”> </div> </div> </div> <div class=”form-group”> <label class=”control-label col-md-3”>WYSIHTML5 Editor <span class=”required”> * </span> </label> <div class=”col-md-9”> <textarea class=”wysihtml5 form-control” rows=”6” name=”editor1” data-error-container=”#editor1_error”></textarea> <div id=”editor1_error”> </div> </div> </div> <div class=”form-group last”> <label class=”control-label col-md-3”>CKEditor <span class=”required”> * </span> </label> <div class=”col-md-9”> <textarea class=”ckeditor form-control” name=”editor2” rows=”6” data-error-container=”#editor2_error”></textarea> <div id=”editor2_error”> </div> </div> </div> </div> <div class=”form-actions fluid”> <div class=”col-md-offset-3 col-md-9”> <button type=”submit” class=”btn green”>Submit</button> <button type=”button” class=”btn default”>Cancel</button> </div> </div> </form> <!- END FORM->

Include datepicker plugin css file on the top of the page:
<link rel="stylesheet" type="text/css" href="assets/plugins/bootstrap-datepicker/css/datepicker.css"/>
Include datepicker plugin js file on the bottom of the page:
<script type="text/javascript" src="assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>

In assets/scripts/custom/form-validation.js script modify handleValidation3 function as shown below:

var handleValidation3 = function() {
        // for more info visit the official plugin documentation: 
        // http://docs.jquery.com/Plugins/Validation

            var form3 = $('#form_sample_3');
            var error3 = $('.alert-danger', form3);
            var success3 = $('.alert-success', form3);

            //IMPORTANT: update CKEDITOR textarea with actual content before submit
            form3.on('submit', function() {
                for(var instanceName in CKEDITOR.instances) {
                    CKEDITOR.instances[instanceName].updateElement();
                }
            })

            form3.validate({
                errorElement: 'span', //default input error message container
                errorClass: 'help-block', // default input error message class
                focusInvalid: false, // do not focus the last invalid input
                ignore: "", // validate all fields including form hidden input
                rules: {
                    name: {
                        minlength: 2,
                        required: true
                    },
                    email: {
                        required: true,
                        email: true
                    },  
                    options1: {
                        required: true
                    },
                    options2: {
                        required: true
                    },
                    select2tags: {
                        required: true
                    },
                    datepicker: {
                        required: true
                    },
                    occupation: {
                        minlength: 5,
                    },
                    membership: {
                        required: true
                    },
                    service: {
                        required: true,
                        minlength: 2
                    },
                    markdown: {
                        required: true
                    },
                    editor1: {
                        required: true
                    },
                    editor2: {
                        required: true
                    }
                },

                messages: { // custom messages for radio buttons and checkboxes
                    membership: {
                        required: "Please select a Membership type" 
                    },
                    service: {
                        required: "Please select  at least 2 types of Service",
                        minlength: jQuery.format("Please select  at least {0} types of Service")
                    }
                },

                errorPlacement: function (error, element) { // render error placement for each input type
                    if (element.parent(".input-group").size() > 0) {
                        error.insertAfter(element.parent(".input-group"));
                    } else if (element.attr("data-error-container")) { 
                        error.appendTo(element.attr("data-error-container"));
                    } else if (element.parents('.radio-list').size() > 0) { 
                        error.appendTo(element.parents('.radio-list').attr("data-error-container"));
                    } else if (element.parents('.radio-inline').size() > 0) { 
                        error.appendTo(element.parents('.radio-inline').attr("data-error-container"));
                    } else if (element.parents('.checkbox-list').size() > 0) {
                        error.appendTo(element.parents('.checkbox-list').attr("data-error-container"));
                    } else if (element.parents('.checkbox-inline').size() > 0) { 
                        error.appendTo(element.parents('.checkbox-inline').attr("data-error-container"));
                    } else {
                        error.insertAfter(element); // for other inputs, just perform default behavior
                    }
                },

                invalidHandler: function (event, validator) { //display error alert on form submit   
                    success3.hide();
                    error3.show();
                    Metronic.scrollTo(error3, -200);
                },

                highlight: function (element) { // hightlight error inputs
                   $(element)
                        .closest('.form-group').addClass('has-error'); // set error class to the control group
                },

                unhighlight: function (element) { // revert the change done by hightlight
                    $(element)
                        .closest('.form-group').removeClass('has-error'); // set error class to the control group
                },

                success: function (label) {
                    label
                        .closest('.form-group').removeClass('has-error'); // set success class to the control group
                },

                submitHandler: function (form) {
                    success3.show();
                    error3.hide();
                }

            });

             //apply validation on select2 dropdown value change, this only needed for chosen dropdown integration.
            $('.select2me', form3).change(function () {
                form3.validate().element($(this)); //revalidate the chosen dropdown value and show error or success message for the input
            });

            // initialize select2 tags
            $("#select2_tags").change(function() {
                form3.validate().element($(this)); //revalidate the chosen dropdown value and show error or success message for the input 
            }).select2({
                tags: ["red", "green", "blue", "yellow", "pink"]
            });

            //initialize datepicker
            $('.date-picker').datepicker({
                rtl: Metronic.isRTL(),
                autoclose: true
            });
            $('.date-picker .form-control').change(function() {
                form3.validate().element($(this)); //revalidate the chosen dropdown value and show error or success message for the input 
            })
    }

If you need any further assistance please let us know.

Thanks.

Default-user
mgalins Purchased

Thanks. It works for select2 and date-picker. Thanks! But I had problem with input-daterange date-picker. I would need to highlight red if just one of dates are picked. And highlight green only when both dates are picket. Other problem what I notice – if you make validation and get green box, after deleting input field it still stays green. Icon is changed red, that is good, but would be good if box and text would change back to red too. Thanks!

keenthemes

Hi,

At the moment this validation method for daterangepicker is not implemented. We will consider integrating the daterangepicker validation in a future release.

To fix the error highlighting issue just modify the “highlight” handler as shown below:

 highlight: function (element) { // hightlight error inputs
                    $(element)
                        .closest('.form-group').removeClass("has-success").addClass('has-error'); // set error class to the control group   
}

Thanks.

The Top Mega and Full Mega Menu don’t work on Ipad? The Classic Menu is ok

keenthemes

Hi,

Noted. We are investigation this issue now. I will update you as soon as possible.

Thanks.

keenthemes

Hi,

Sorry for the late reply. Seems this issue occurs only on iOS. We are looking for a workaround to fix this issue. We will try to fix it in the next update which we plan to release in a few days.

Thanks.

Hi All :),

You can follow us on http://twitter.com/keenthemes to get the latest news. Also we are working on our official website keenthemes.com to keep in touch with our awesome community more effectively. Stay tuned!

Thanks.

daczek Purchased

Hello again,

few days ago I reported a bug on email but i don’t get any answer. Here’s url to screenshot of bug: http://w0lf.pl/bug.jpg

Mega menu get’s cutted on right side.

I hope U could help me :) Kind regards

keenthemes

Hi :),

Sorry if we missed your email(if its not in the spam box). Could you please let me know your email address so i will mark it as “not spam” ?

In the main time you can fix the above issue by applying “pull-right” class to the dropdown-menu:

<ul class="dropdown-menu pull-right" aria-labelledby="mega-menu">
     ................                   
</ul>

Thanks.

Default-user
daczek Purchased

Thanks for super extra fast answer :)! My email is w0lf@w0lf.pl

Yours support rocks! :)

keenthemes

Thanks. You are most welcome :)

kingsna Purchased

Hi, thanks for all your hard work :)

I have recently encountered a possible bug which some others may have also encountered as well. Basically when I tried to put a form with validation icons on a modal popup panel, the tooltip that shows up on top of the icon when validation fails actually shows behind the modal panel instead of on top of it which could be a z-index thing so please let me know if i’m missing something, thanks!

And also on the DataTables, none of the export button commands for saving as PDF or Excell work. I understand that this is part of the extended “TableTools” functionality of DataTables but if it is somehow supposed to be working then please let me know how I can enable this functionality because I could not find anything on it in the documentation.

Thanks again!

keenthemes

Hi :),

Thanks for the feedback.

We will check the validation icons issue on modal and we will try to fix it in the next update soon.

The tabletools plugin is planned to be integrated in the next update. Stay tuned and follow us on https://twitter.com/keenthemes.

Thanks.

Default-user
kingsna Purchased

Thanks for your response, can you please give us a better idea in terms of “Weeks” or “Months” when we can expect to get the next update from you so we can plan things better on our end? Thanks again!

keenthemes

Hi :),

We are doing our best to release the next update within next month. Stay tuned!

Thank

mithril Purchased

Hi

I put in a comment yesterday but I do not see it now, should I be emailing about issues? Has it been deleted?

Thanks

keenthemes

Hi,

Please email to our support at support@keenthemes.com and we will reply you as soon as possible.

Thanks.

Can you guys make a working email app? I really like the email design, but i wished i could actuality use it. Any plans for the future?

keenthemes

Hi :),

Thanks for your feedback.

Metronic is an HTML theme so we mainly focus on html version of the theme. However we will consider your suggestion as well in future release.

Thanks.

Hi Keen…, update pls daterangepicker since there are some improvements and mainly there is a fix of “locale settings”. Thank you.

keenthemes

Hi :),

Sure, we will include the update in the next release soon.

Thanks.

It seems there’s a bug in dashboard page. As far as I can see, the “site_statistic” chart should display 10 values from visitors array, but it displays only 8. I understand it’s just a demo, but I realize it very confusing :)

Btw, if we stay on dashboard page, the date range picker is designed as “english only” :) If it is meant as “international”, then I suggest to display “start range” as:
// actual version

// $('#dashboard-report-range span').html(moment().subtract('days', 29).format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));

// fix

// I get user lang from browser

var language = window.navigator.userLanguage || window.navigator.language;

// I use proper date (month name) based on lang - (btw. my default date is "Today", that's the reason of same values)

$('#dashboard-report-range span').html(moment().lang(language).format('MMMM D, YYYY') + ' - ' + moment().lang(language).format('MMMM D, YYYY'));

keenthemes

Hi :),

Thanks for your feedback. We will consider your suggestions. That was a workaround for the charts(passing 2 bulk points). We will check it further if it can be improved.

Thanks.

Hi,

I’m a bit late to this party, but I have an app (admin site) that I built with PHP and version 1.4 of Metronic. I really like the theme and how easy it is to port to php and mysql. However, I just downloaded the newest version and can’t find any documentation on how to upgrade my application from 1.4 to 2.02, and future versions of Metronic.

I know Boostrap 3.1 is very different and my application has many forms and pages with datatables. So, can you tell me what I need to do to upgrade from version 1.4 to 2.02?

For example can I just replace the assets folder with the new one( saving my custom js files, of course)? Do I need to rewrite all the forms to work in Bootstrap 3x?

I really like the new features and want to updgrade ASAP.

Thanks for your help and a great theme!

Tony

keenthemes

Hi,

You can refer to “Upgrade” section in the doc under admin/documentation/index.html. Basically you will need to replace the assets folder and update the HTML code(header, sidebar, footer, content, and some class names) according to the latest code. You don’t have to rewrite all the form since forms and other ui components faced just some minor changes.

Please let us know If you need our further assistance.

Thanks.

by
by
by
by
by
by