3254 comments found

  • Has been a member for 0-1 years

Hi, wonderful theme, wanted to know how to initialize the datatable using TableAdvance.init(), shall the call be made after binding handlers of row click events, if we try to initialize the table before binding the handlers the click events are not triggering….any suggestions please mdsabz

keenthemes

Hi :),

Thanks for the comment.

You can use jquery live event binding as shown below:

$('#my_table').on("click", "tbody tr", function(){
    alert("Clicked");
});

So you can declare the above binding before or after your datatable initialization.

For more info please check out: http://api.jquery.com/on/

Thanks.

  • Exclusive Author
  • Has been a member for 0-1 years

Hello, Before making the purchase, I’d like to know how to implement the theme. I’m more of a graphic designer and would like to know if I’m up to the task. Good theme by the way!

keenthemes

Hi :),

Thanks for your interest in Metronic.

To implement this theme you will need to have some web development knowledge(HTML, CSS, Javascript, jQuery, Bootstrap, PHP, MySQL, etc). Please try to google to find a free tutorials on how to get started with web development.

Please let me know if you need any further clarifications.

Thanks.

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

Hello. Still not jqGrid implementation on the roadmap ? Thanks,

keenthemes

Hi :),

We will try to implement it as soon as possible. But in the next update we are releasing an ajax grid component(based on jquery datatable plugin) . You should check that out too :).

Thanks.

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

incorrect name in rs-style.css of frontend theme:

.fullwidthbanner-container .fullwidthabnner {

should be .fullwidthbanner

keenthemes

Hi :),

Thanks for the feedback. We will check it further and if require we will fix it in a future release.

Thanks.

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

bug?

if i change the revolution slider from
        <div class="fullwidthbanner-container slider-main">
            <div class="fullwidthabnner">

by
        <div class="bannercontainer-simple slider-main">
            <div class="banner-simple">

the slider is not shown
</div></div></div></div>
keenthemes

Hi :),

I guess you got this “bannercontainer-simple” class from the slider documentation. So please make sure you put the code of “bannercontainer-simple” accordingly in assets/css/style.css.

Please let me know if you need any further assistance.

Thanks.

Default-user
te11120 Purchased

i got it from the rs-style.css wich its already in your plugins/revolution_slider/css directory so just changing the class should work. You can try changing it in your demo content. You will see that the slider dissapear probably because the property “overflow:hidden;”

keenthemes

Hi :),

Please note this css file is from the revolution slider plugin original package. We will check it further and fix it if required.

Thanks.

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

Hi,

I see that you have the - Enhancement: Dropdown Option with Multi Select Checkbox List option in 1.3 version specifications list. But I cannot find it anywhere in the pages. Can you please guide me where to find the dropdown with multi checkbox list?

keenthemes

Hi :),

Please check out http://keenthemes.com/preview/metronic_admin/ui_buttons.html page and refer “Dropdown with Checkboxes & Search Form” sample.

Please let me know if you need any further assistance.

Thanks.

Default-user

Thank you very much! :) That should’ve slipped from my eyes.

keenthemes

You are most welcome. Glad to help you out :)

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

Hi,

I have the following code with multiple checkboxes. All named “recur” they are validated to ensure that at least one is clicked. Now my problem is i need to pass them all to server as an array – so i rename the name to “recur[]” so that an array will be passed. If i rename them like this the validation stops working. Is there anyway i can pass an array like this and keep the validation working?

 <div class="control-group">
                              <label class="control-label">Recurrence</label>
                              <div class="controls">
                                 <div class="row-fluid">
                                    <div class="span3">
                                       <label class="checkbox line">
                                       <input type="checkbox" value="1" name = "recur"/> Monday
                                       </label>
                                       <label class="checkbox line">
                                       <input type="checkbox" value="2" name = "recur"/> Tuesday
                                       </label>
                                       <label class="checkbox line">
                                       <input type="checkbox" value="3" name = "recur"/> Wednesday
                                       </label>
                                       <label class="checkbox line">
                                       <input type="checkbox" value="4" name = "recur"/> Thursday
                                       </label>
                                       <label class="checkbox line">
                                       <input type="checkbox" value="5" name = "recur"/> Friday
                                       </label>
                                       <label class="checkbox line">
                                       <input type="checkbox" value="6" name = "recur"/> Saturday
                                       </label>
                                        <label class="checkbox line">
                                       <input type="checkbox" value="7" name = "recur"/> Sunday
                                       </label>
                                    </div>
                                    <div id="recurerror" />
                                 </div>
                              </div>
                           </div>
keenthemes

Hi :),

Thanks for your feedback.

If you rename the names as “recur[]” then you should change it in your validation code as well as naming should not impact your validation logic.

If you need our further assistance then please provide us your code or a link to your page.

Thanks.

Default-user

Hi thats what i thought and have tried changing in my validation but it stops validating everything and just submits.

My validation code below with square brackets on the recur field. For some reason adding the square brackets breaks the code.

 var form9 = $('#form_multiple');
            var error9 = $('.alert-error', form9);
            var success9 = $('.alert-success', form9);

            form9.validate({
                errorElement: 'span', //default input error message container
                errorClass: 'help-inline', // default input error message class
                focusInvalid: false, // do not focus the last invalid input
                ignore: "",
                rules: {
                    events_title: {
                        required: true
                    },
                    events_description: {
                        required: true
                    },
                    events_start_datetime: {
                        required: true
                    },
                    events_end_datetime: {
                        required: true
                    },
                    events_booking_type: {
                        required: true
                    },
                    events_rooms_needed: {
                        required: true
                    },
                    events_attendees: {
                        required: true,
                        number:true
                    },
                    events_tariff: {
                        required: true
                    },
                    events_privacy: {
                        required: true
                    },
                    events_status: {
                        required: true
                    },
                    rangefrom: {
                        required: true
                    },
                    rangeto: {
                        required: true
                    },
                    start: {
                        required: true
                    },
                    end: {
                        required: true
                    },
                    recur[]: {
                        required: true
                    }
                },

                errorPlacement: function (error, element) { // render error placement for each input type
                    if (element.attr("name") == "rangefrom") { // for chosen elements, need to insert the error after the chosen container
                        error.insertAfter("#rangefromerror");
                    } else if (element.attr("name") == "rangeto") { // for uniform radio buttons, insert the after the given container
                        error.insertAfter("#rangetoerror");
                    } else if (element.attr("name") == "start") { // for uniform checkboxes, insert the after the given container
                        error.insertAfter("#starterror");
                     } else if (element.attr("name") == "end") { // for uniform checkboxes, insert the after the given container
                        error.insertAfter("#enderror");    
                    } else if (element.attr("name") == "recur") { // for uniform checkboxes, insert the after the given container
                        error.insertAfter("#recurerror");    
                    } else {
                        error.insertAfter(element); // for other inputs, just perform default behavoir
                    }
                },

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

                highlight: function (element) { // hightlight error inputs
                    $(element)
                        .closest('.help-inline').removeClass('ok'); // display OK icon
                    $(element)
                        .closest('.control-group').removeClass('success').addClass('error'); // set error class to the control group
                },

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

                success: function (label) {
                    if (label.attr("for") == "recur[]" || label.attr("for") == "membership") { // for checkboxes and radip buttons, no need to show OK icon
                        label
                            .closest('.control-group').removeClass('error').addClass('success');
                        label.remove(); // remove error label here
                    } else { // display success icon for other inputs
                        label
                            .addClass('valid').addClass('help-inline ok') // mark the current input as valid and display OK icon
                        .closest('.control-group').removeClass('error').addClass('success'); // set success class to the control group
                    }
                },

            });

keenthemes

Hi :),

You should try to put the name in brackets as shown below:

"recur[]": {
   required: true
}

That should solve your issue. Please let me know if you need any further assistance.

Thanks.

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

Hi,

I need a panel for using my filter components inside index page. I don’t want to use datatable to do this. When I want to use form components in the followings, I can not arrange them in a aligned and ordered manner.

code:
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <div class="col-md-2">
                                        <input class="form-control form-control-inline input-medium date-picker" placeholder="date" size="16" type="text" value="">
                                    </div>
                                    <div class="col-md-2">
                                        <select class="form-control input-medium select2me" data-placeholder="Select...">
                                            <option value=""></option>
                                            <option value="AL">Alabama</option>
                                            <option value="WY">Wyoming</option>
                                        </select>
                                    </div>
                                    <div class="col-md-2">
                                        <input type="text" name="name" data-required="1" class="form-control">
                                    </div>
                                    <div class="col-md-2">
                                        <input type="text" name="surname" data-required="1" class="form-control">
                                    </div>
                                    <div class="col-md-2">
                                        <input type="text" name="nick-name" data-required="1" class="form-control">
                                    </div>
                                    <div class="col-md-2">
                                        <input type="text" name="name" data-required="1" class="form-control touchspin">
                                    </div>
                                    <div class="col-md-2">
                                        <input type="text" name="name" data-required="1" class="form-control touchspin">
                                    </div>

                                </div>    
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <div class="col-md-2">
                                        <input class="form-control form-control-inline input-medium date-picker" placeholder="date" size="16" type="text" value="">
                                    </div>
                                    <div class="col-md-2">
                                        <select class="form-control input-medium select2me" data-placeholder="Select...">
                                            <option value=""></option>
                                            <option value="AL">Alabama</option>
                                            <option value="WY">Wyoming</option>
                                        </select>
                                    </div>
                                    <div class="col-md-2">
                                        <input type="text" name="name" data-required="1" class="form-control">
                                    </div>
                                    <div class="col-md-2">
                                        <input type="text" name="surname" data-required="1" class="form-control">
                                    </div>
                                    <div class="col-md-2">
                                        <input type="text" name="nick-name" data-required="1" class="form-control">
                                    </div>
                                    <div class="col-md-2">
                                        <input type="text" name="name" data-required="1" class="form-control touchspin">
                                    </div>
                                    <div class="col-md-2">
                                        <input type="text" name="name" data-required="1" class="form-control touchspin">
                                    </div>

                                </div>
                            </div>
                        </div>
keenthemes

Hi :),

Thanks for your feedback.

Please note, in bootstrap you can have up to 12 columns per row. In your code you have 14 columns per row. Please check out http://getbootstrap.com/css/#grid to learn more about bootstrap’s grid system.

Please let me know if you need any further assistance.

Thanks.

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

Hi, I use left tabs and within each tab there are styled tabs and every content is loaded via ajax. So my questions:

1) On the first load how to simulate the click on the active tab, so the styled tabs are loaded via ajax? It works when I click on it, but need it when the page is loaded at the very first time. 2) The frame from the styled tabs are not adjusted to the content which is loaded via ajax, how to? 3) Is it also possible to have a frame for the left tabs?

I will appreciate every answer. Regards Andrea

keenthemes

Hi :),

1) You can trigger the click event using below code:

$('#tab_link').click();

2) & 3) Please note, currently the styled tabs does not support “left tabs” option. However we will consider implementing it in a future release. In the main time you can use default left aligned tabs.

Please let me know if you need any further assistance.

Thanks.

  • Bought between 50 and 99 items
  • Brazil
  • Has been a member for 3-4 years

The boxed version is already included in the theme frontend? If not, there is prediction? Is there anything I can do to adjust it?

keenthemes

Hi :),

The frontend theme comes with wide boxed layout(width: 1170px) by default. If you want to adjust the width you can you below code in assets/css/style.css:

.container,
.navbar-inner .container {
    max-width: none !important;
    width: 980px !important;
}

Also you will need to do a little adjustment(just change data-x and data-y values for each slide in the html code) for the revolution slider in the main page.

Please let me know if you need any further assistance.

Thanks.

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

In your portlet demo page under general portlets if you look at the box portlet3 the buttons don’t align evenly. The user button is larger than the edit button. Shouldn’t they be even? I am using safari Version 7.0.1.

keenthemes

Hi :),

Thanks for reporting this. We will definitely fix it in the next update.

Thanks.

  • Bought between 50 and 99 items
  • Brazil
  • Has been a member for 3-4 years

Hi.

I’m having trouble changing the width of the Revolution Slider in the frontend version homepage. Would you like to switch to fullwidth to 1150px wide.

What procedure should I perform? The address I’m using for testing is www.renovacao.tk.

Thanks.

Default-user

???

keenthemes

Hi :),

We are already attending to your case. We will revert you back shortly.

Thanks.

keenthemes

Hi pabloleon,

Could you please try to put Revolution Slider into a div with classes name “container” and “container-revo”.

Then in custom.css file you can write following code:
@media (min-width: 1200px) {
   .container-revo {
      width: 1150px;
   }
}

Please feel free to ask, if you need further assistance.

Thank you.

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

hi dude, thx for the lovely theme, you deserve all this popularity, your theme just rocks.

could you help me on that particular things plz ? i want to make a fixed width for tabs but i need theme to be responsive as well those tabs are located in Form Stuff / Advance Form Sample i need to make 5 equal tabs that take the whole width of my window in a responsive way so when the user collapse the sidebar it take in effect the new width

thx in advance

keenthemes

Hi :),

Thanks for your warm comment.

Please check out “Styled Tabs(justified)” sample under http://keenthemes.com/preview/metronic_admin/ui_tabs_accordions_navs.html page. That should be what you need.

Please let me know if you need any further assistance.

Thanks.

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

Hi Kt, :)

my chronic problem datatable and turkish character, when i want to search you datatable on your server( little “I” search box write 1 ) you can see on the picture.

How can i fix this.

PS : On the chrome there is no problem.

keenthemes

Hi :),

Sorry, i could not understand your question. Could you please clarify it with details ?

Thanks.

Default-user
mahirc Purchased

sorry, when i want to try search any word which one is have turkish character,”?,?,?”(ascii: 141,158) it’s not searching…

keenthemes

Hi,

Could you please confirm did you encounter this issue on our preview site http://keenthemes.com/preview/metronic_admin/table_managed.html ?. From your screenshot i can see that you tested it on our preview site and your search result is empty because your type query does not match the content in the table.

If you encounter it in your development version then could you please give us a link to your page or at least send us your table’s code ? You can send the details to our support at support@keenthemes.com.

Thanks.

Default-user
mahirc Purchased

Hi :), yes i’m search on your preview site, and the result is not important for me please check the picture2 to see my problem the first one is chrome search no problem the second one is ie searching, and check the character.

keenthemes

Hi,

I tried to get your turkish characters(copy paste) and tried to search in IE10 and IE9 and it looks working fine.

Could you please check this issue with the original samples ? First please check it with the static datatable – http://www.datatables.net/release-datatables/examples/basic_init/zero_config.html

Then please try to check it with ajax(server side) datatable http://www.datatables.net/release-datatables/examples/data_sources/server_side.html

Please note, all the datatable samples in http://keenthemes.com/preview/metronic_admin/table_managed.html are static and there are not getting the data from server. The ajax sample is here(the server side filter is not implemented. here just demonstrated the parameter passing from datatable to the ser ver side script)http://keenthemes.com/preview/metronic_admin/table_ajax.html

Please let me know the result. You can send the further info to our support at support@keenthemes.com

Thanks.

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

Hi!

I am familiar with your “when it’s done policy” but is there any estimate at all you can provide on 1.6? Like first week of Januari, or Q1 or..? I am patiently waiting for more good stuff :)

Thanks!

keenthemes

Hi :),

Sorry, we can’t give any accurate estimate. But please know we are really pushing it hard to release by end of this month. Stay tuned and follow us on http://twitter.com/keenthemes

Thanks.

  • Bought between 50 and 99 items
  • Brazil
  • Has been a member for 3-4 years

I’ll ask the question again because it was not answered in earlier time. I bought your template and need to change the width of the Revolution Slider frontend theme. Do not want him to be occupying the entire width and clearance to have the following dimensions 1150px x 380px. How should I proceed, given that the documentation is flawed with regard to this issue.

keenthemes

Hi :),

We are already attending to your case. We will revert you back shortly.

Thanks.

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

Really nice Admin + Fronted is amazing, i will waiting next design admin+fronted :)

keenthemes

Hi :),

Thanks for the comment. Yeah, stay tuned for the future updates.

Thanks.

  • United Kingdom
  • Exclusive Author
  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi keenthemes could you please tell me what month the new 1.6 theme will be coming out, I know you give everyone a generic answer but please just tell me the month. :)

keenthemes

Hi :),

We can’t confirm the release date yet. But we are really pushing it hard to release by the end of January. Stay tuned and follow us on http://twitter.com/keenthemes

Thanks.

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

Hello, wish you a happy new-year. in “my inbox” page, checking the checkbox to select all the messages in the inbox doesnt work.. i mean how do i select all the messages with one checkbox ? is there away to fix it ? Thanks.

keenthemes

Hi :),

Thanks for your feedback. This feature wasn’t implemented yet. To implement this you can go to assets/scripts/inbox.js and under “loadInbox” function you can add below code(right after the ajax call: $.ajax):

// handle group checkbox:
        jQuery('body').on('change', '.mail-group-checkbox', function () {
            var set = jQuery('.mail-checkbox');
            var checked = jQuery(this).is(":checked");
            jQuery(set).each(function () {
                $(this).attr("checked", checked);
            });
            jQuery.uniform.update(set);
        });

Please let me know if you need any further assistance.

Thanks.

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

Hi, I do have a problem with showing Google maps in stackable modals. I sent you an email with details of that issue to support@keenthemes.com.

Please kindly take a look and let me know.

THANKS

keenthemes

Hi :),

Thanks for the email. We will check it and reply you shortly.

Thanks.

Default-user
Nicha Purchased

great, thanks!

keenthemes

Just sent you a reply. Please kindly check your email. Thanks :)

by
by
by
by
by
by