3238 comments found

  • Has been a member for 1-2 years

Hello, I was checking Fixed Side bar example and was wondering if it is possible to have Fixed-side-bar:collapsed animation just like normal-side-bar. For example : on fixed side bar, when collapsed , on mouse hover it opens side bar contents. While in normal sidebar, when collapsed, it slides out menu on which mouse is over. Can we have collapsed hover effect of normal sidebar on Fixed sidebar ?

keenthemes

Hi :),

Thanks for your feedback.

This feature can not applied if the sidebar is fixed due to the styled applied by the slimscroll plugin. As an alternate solution we had to implement it this way.

If you need any further clarification please let us know.

Thanks.

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
adwiton Purchased
I found a small, but annoying bug in the plugins/data-tables/DT_bootstrap.js file. There is a show/hide mechanism when iTotalPages <= 0, check lines 290-294. When I select show all records, this mechanism hides the page size selector, so the user is not able to switch back to smaller pages. My solution is to hide only the ’.pagination-panel’, so the page size selector can be used:
                if (oPaging.iTotalPages <= 0) {
                    $('.pagination-panel', wrapper).hide();
                } else {
                    $('.pagination-panel', wrapper).show();
                }
keenthemes

Hi :),

Thanks for reporting this issue. We will include the fix in the next update. In the main time you can get the fixed version from http://keenthemes.com/downloads/patch/DT_bootstrap.js and replace it with assets/plugins/data-tables/DT_bootstrap.js.

Please let me know if you need any further assistance.

Thanks.

Default-user
adwiton Purchased

Thanks for the fix.

keenthemes

You are welcome :)

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi,

in the ie9, this div don´t work:
Default-user

div class=caption lft slide_subtitle slide_item_left

keenthemes

Hi :),

As we checked this it worked fine on IE9. Could you please double check it ? If you need any further assistance please send an email to our support at support@keenthemes.com with more details, that is, your OS version, actual IE version if you simulated IE9 mode, and some screenshots where we can see the issue clearly.

Thanks.

  • Bought between 50 and 99 items
  • Has been a member for 1-2 years

Hello,

Im having a hard time seeing how to change from boxed theme to full page theme. Ive read the documentation, but honestly i don’t get it. Sorry if this is a dumb question. Thanks

keenthemes

Hi,

Could you please provide more details ? Which theme are you referring , admin, corporate or ecommerce ?

The corporate and ecommerce themes at the moment support only boxed version and the full width versions are not available. The admin theme supports both, full width and boxed versions. You can check theme in http://keenthemes.com/preview/metronic_admin/ under “Page Layouts” section from the sidebar menu.

If you need any further assistance you can send a support request to our support vis support@keenthemes.com.

Thanks.

Default-user

Hi, yes i was talking about the admin theme. What source code do i need to edit in order to make the admin theme full width, not boxed?

keenthemes

Hi,

The admin theme by default is full width. You can check it here: keenthemes.com/preview/metronic_admin/ Also you can check it in index.html from the original theme package.

Thanks.

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
  • United States

Hell There,

I need a little assistance. I wanted to ask you that what is the specific function call for the lightbox/modal loader.

I mean when I am performing any ajax operation, I want to show that loader in modal, what function is it that i can call in my jquery function and it shows that nice smoother loader that you have.

Let me know please. Thanks

keenthemes

Hi :),

You can refer the block ui samples in ui_blockui.html(also check assets/scripts/custom/ui-blockui.js) page. Basically you can use below code if you want to show the loading bar that blocks the page body:

Metronic.startPageLoading('Please wait...'); // start loading
Metronic.stopPageLoading(); // stop loading 

Also you can use below wrappers functions to block any page element:

Metronic.blockUI({
   target: '#block_me',
   boxed: true
}); // block the element with id: block_me

Metronic.unblockUI('#block_me'); //release the block

If you need any further assistance please let us know.

Thanks.

Default-user

I could not find any file named ui_blockui.html

Secondly I want something like when the ajax operation is being performed, a nice light box appears and as soon as my ajax operation is over, it closes down…I hope that explains you what i want?

Let me know please, Thanks

keenthemes

Hi,

May i know which version of Metronic are you using ? You can get the version number in assets/css/style.css(at the top of the file).

We introduced the page loading feature in Metronic v2.0 and you can check it in our preview site: http://keenthemes.com/preview/metronic_admin/ui_blockui.html.

Thanks.

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

I notice you are hiding the icons in the contextmenu in jsTree. How can I display them correctly?

keenthemes

Hi :),

We did not hide it. According the latest jsTree there is no icon in the contextual menu. You can check it here: http://www.jstree.com/plugins/

Thanks.

  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 2-3 years
  • United Kingdom
pcross Purchased

Hi, I had a problem with the jquery multi-select (jquery.multi-select.js) where it would also initialize at a fixed width of 370px. I had a search around the comments here and couldn’t see a fix for this, nor could I find how to change the width using css, but did see how you can add a CSS class during initialization to apply to the select container, it might come in helpful for anyone else with the same problem:

$('#mutli-select').multiSelect({ 
    selectableOptgroup: true,
    cssClass: "col-md-9" 
});
Default-user
pcross Purchased

Sorry! My bad, that was a previous attempt, you need this bit of code: $('.ms-container').css('width', '100%');

keenthemes

Hi :),

Thanks for sharing this solution. I think it will be useful for other users as well.

Thanks.

  • Bought between 100 and 499 items
  • Has been a member for 3-4 years

In your next update can you show how to customize the script. I see the information but I need to know how and where to get it to read my info sources. A tutorial would go a long way. Even to find the sources that feed the current demo is enough. Like what database is it reading & where is the config page located.

keenthemes

Hi :),

Thanks for your feedback.

Actually Metronic is an HTML theme and it doesn’t come with server side implementation(database, server side scripts, etc). All the content in the demo pages are static and some of theme are obtained from demo scripts located under admin/demo folder.

If you need any further clarification please let us know.

Thanks.

  • Bought between 10 and 49 items
  • Has been a member for 0-1 years
KO__ Purchased

Can this be used on a Wordpress site? Thanks.

keenthemes

Hi :).

Metronic is just an HTML theme and its not compatible with Wordpress. Metronic can be used to develop a custom web applications from scratch.

If you need any further assistance please let us know.

Thanks.

Default-user
KO__ Purchased

Oh snap!! This is the second time this happens. I’m sorry, but i would like to issue an refund then. I was so excited when i saw this that i forgot to look if it was WP compatible. Sorry for the inconvenience.

keenthemes

Hi :),

Sorry to hear that. Could you please contact the envato support support.envato.com regarding to the refund questions as the payment questions are not in our control.

Thanks.

Default-user
KO__ Purchased

Thanks! I will! When i get an HTML site, THIS will be my go-to pick! Awesome job developing the admin panel. Looks awesome. Sad it don’t work for WP. Regards!

keenthemes

Thanks, i hope to see you back one day :)

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
Anandm Purchased

Hi,

1.How to use your Required Validator Options in ASP.Net Text Box or HTML Text box with runat=server? 2. How to handle cancel Button validator in this theme?

keenthemes

Hi :),

You can check the official plugin’s documentation to get started with the plugin – http://jqueryvalidation.org/documentation. Also please check out the below related discussion – http://stackoverflow.com/questions/8315112/jquery-in-asp-net-form-validation-issue.

Thanks.

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hello,

How can I create charts?

Thanks

keenthemes

Hi :),

To learn how use the charts you can refer charts.html page and assets/scripts/custom/charts.js. Also you can refer to the official flotchart plugin documentation here http://www.flotcharts.org/.

Thanks.

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
Phaoris Purchased

Could you please release a jquery-ui themeroller ui plz for the love of god i’m in trouble as i MUST release something next week, i need a themeroller jquery datatable i just need a metronic style theme for jquery ui datatable using themeroller

i’m in trouble dude :(

keenthemes

Hi,

Sorry, we can not provide you the full code for this since it takes more afford than our usual support hours allowed per user. However we can consider to implement it in a future release and add it into our roadmap. But we can’t promise individual deadline for each user requests and we release the new features in “as soon as possible” basis. I hope for your understanding on this. For more info about our support please check out http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469/support.

Thanks.

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years
daczek Purchased

Hello keenthemes,

I’ve got small problem with mega menu. I put it as last menu element on my website and when I gave 3 columns inside it’s too big and get cutted by browser scroolbar on right.

How fix that?

I hope You could help me :) Kind regards

keenthemes

Hi,

Could you please let us know which theme are you referring to ? Also please send(support@keenthemes.com) us a link to your page(or at least the html code you used) for us to check and advise you further.

Thanks.

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
  • United States

Hello There,

Kindly tell me how can I apply a validation rule of maximum length to multi select? Like I want to make a rule where a user can select 3 items at max…how do i do that?

Let me know thanks.

keenthemes

Hi :),

In the original theme package please refer to form_validation.html template and assets/scripts/form-validation.js script.

1) Replace handleValidation1 function’s code with the below one in form-validation.js:
    var handleValidation1 = function () {
        // for more info visit the official plugin documentation: 
        // http://docs.jquery.com/Plugins/Validation

        var form1 = $('#form_sample_1');
        var error1 = $('.alert-danger', form1);
        var success1 = $('.alert-success', form1);

        form1.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: "",
            messages: {
                select_max: {
                    maxlength: jQuery.validator.format("Max {0} items allowed for selection.")
                }
            },
            rules: {
                name: {
                    minlength: 2,
                    required: true
                },
                email: {
                    required: true,
                    email: true
                },
                url: {
                    required: true,
                    url: true
                },
                number: {
                    required: true,
                    number: true
                },
                digits: {
                    required: true,
                    digits: true
                },
                creditcard: {
                    required: true,
                    creditcard: true
                },
                occupation: {
                    minlength: 5,
                },
                category: {
                    required: true
                },
                select_max: {
                    required: true,
                    maxlength: 3,
                }
            },

            invalidHandler: function (event, validator) { //display error alert on form submit              
                success1.hide();
                error1.show();
                Metronic.scrollTo(error1, -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) {
                success1.show();
                error1.hide();
            }
        });
    }

In the html part under “Basic Validation” portlet add a new multi select input as shown below:

<div class="col-md-4">
  <select class="form-control" name="select_max" multiple>
    <option value="Category 1">Category 1</option>
    <option value="Category 2">Category 2</option>
    <option value="Category 3">Category 3</option> 
    <option value="Category 4">Category 4</option>
    <option value="Category 5">Category 5</option>
    <option value="Category 6">Category 6</option>
  </select>
  <span class="help-block">
     select max 3 items
   </span>
</div>

If you need any further assistance please let us know.

Thanks.

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hi,

Which .js that related with style customizer function?

thx

keenthemes

Hi,

Its in assets/scripts/core/app.js under “handleTheme” function. If you need any further assistance please let us know.

Thanks.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

love you :sunglasses2:

keenthemes

Many thanks! We appreciate it :)

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years
  • Spain

Hi there,

Firstly congrats for this great dashboard. Could this template be used as an intranet for an enterprise?

Thanks, best regards.

keenthemes

Hi :),

Thanks for the comment.

Metronic is an HTML theme(html, css and javascript) which requires further development based on your project requirements. Metronic can be used to build any type of web applications including intranet for an enterprise. However Metronic is not fully functional application, its just an html theme that contains of ready to use UI componets and html templates.

If you need any further clarification please let us know.

Thanks.

  • Bought between 100 and 499 items
  • Has been a member for 6-7 years
  • United States
tonyxt1 Purchased

I encounter some issues while trying to use the Chat feature of the template: 1.- when on mobile devices ie. iPhone, iPad, etc if you type any text in the input field, it does not post by pressing the device’s native return/enter key in the keyboard, you need to touch/press the template,s enter button for the text field. It would be a real plus if you could post chat text by just accessing the device return/enter key.

2.- on iPhone and android galaxy (smartphones in general) if you focus on the Chat’s text field, as the smartphone’s keyboard is deployed (in other words it gets displayed), the templates’ layout breaks as the Chat’s container snaps to the right.

Please let me know if you have any suggestions.

Thank you,

Tonyxt1

keenthemes

Hi,

Thanks for your feedback.

We noted on your suggestion #1. We will check it further and consider improving it in a future release.

Regarding the 2nd issue, did you use the direct URL to the preview site keenthemes.com/preview/metronic_admin/ ? If you used default URL with iframe header then this can be issue on mobile since iframe is not mobile friendly.

If you encounter any further issue could you please email the details(device version, page URL, screenshots) to our support at support@keenthemes ?

Thanks.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
renanr3 Purchased

Hello, I´m having some problems trying to change some parameters from the datepicker. For example I´d like to change the dateformat to dd/mm/yyyy and also use the months in portuguese. In some situations I´ll need to limit the months range. My problem is that I can´t make my JS work. I would really appreciate some help. Thanks

Default-user
renanr3 Purchased

I´ve to run this: $(”#dataFinal”).datepicker({ minDate: “+1D”, maxDate: “+0D”, dateFormat: ‘dd/mm/yy’, dayNames: [‘Domingo’, ‘Segunda’, ‘Terça’, ‘Quarta’, ‘Quinta’, ‘Sexta’, ‘Sábado’], dayNamesMin: [‘D’, ‘S’, ‘T’, ‘Q’, ‘Q’, ‘S’, ‘S’, ‘D’], dayNamesShort: [‘Dom’, ‘Seg’, ‘Ter’, ‘Qua’, ‘Qui’, ‘Sex’, ‘Sáb’, ‘Dom’], monthNames: [‘Janeiro’, ‘Fevereiro’, ‘Março’, ‘Abril’, ‘Maio’, ‘Junho’, ‘Julho’, ‘Agosto’, ‘Setembro’, ‘Outubro’, ‘Novembro’, ‘Dezembro’], monthNamesShort: [‘Jan’, ‘Fev’, ‘Mar’, ‘Abr’, ‘Mai’, ‘Jun’, ‘Jul’, ‘Ago’, ‘Set’, ‘Out’, ‘Nov’, ‘Dez’], nextText: ‘Próximo’, prevText: ‘Anterior’ });

keenthemes

Hi :),

Please follow below steps:

1) Include Portuguese translation JS file before after the bootstrap datapicker plugin as shown below:

<script type="text/javascript" src="assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap-datepicker/js/locales/bootstrap-datepicker.pt.js"></script>

2) Use below code to initialize your above datepicker:

$("#dataFinal").datepicker({
      minDate: "+1D",
      maxDate: "+0D",
      dateFormat: 'dd/mm/yy',
      language: 'pt'
});

For more info please refer the official documentation here: http://bootstrap-datepicker.readthedocs.org/en/release/i18n.html

Thanks.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi,

We want to use responsive email template page but some email server don’t support head tag and also style tags. For example; Gmail, Yandex etc. When we sent the email users can’t see any style in email body. How can we solve the problem?

Thanks and best regards.

keenthemes

Hi :),

Thanks for your feedback. You can use the mailchimp inline css converter tool http://beaker.mailchimp.com/inline-css to solve this issue. So just paste the template code and use the converted version to send your emails. We will include this solution in the documentation in the next update.

Thanks.

by
by
by
by
by
by