Hi Jelle ,

Thanks for the comment.

Please note, the menu links active state should be handled in server side(in your php script) based on the page’s URL. Let’s say you have a script called sidebar.php which you use to generate the sidebar menu for all of your pages(using php’s include function). So you have one centralized code to handle the sidebar menu. In sidebar.php you will need to generate the sidebar menu HTML code based on your current active page(you can pass your page ID via URL).

Please let me know if you need any further clarification.

Thanks.

Hi there,

Could you please check your page and make sure that you included the fontawesome css file as shown below:

<link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

Please let me know if you need any further assistance.

Thanks.

Last thing on the wizard it also doesn’t display the back buttons or the tick to say the previous tab is complete when using the tab navigation. thanks

Hi,

For the wizard, please add below function right after “displayConfirm” function in assets/scripts/form_wizard.js:

var handleTitle = function(tab, navigation, index) {
                var total = navigation.find('li').length;
                var current = index + 1;
                // set wizard title
                $('.step-title', $('#form_wizard_1')).text('Step ' + (index + 1) + ' of ' + total);
                // set done steps
                jQuery('li', $('#form_wizard_1')).removeClass("done");
                var li_list = navigation.find('li');
                for (var i = 0; i < index; i++) {
                    jQuery(li_list[i]).addClass("done");
                }

                if (current == 1) {
                    $('#form_wizard_1').find('.button-previous').hide();
                } else {
                    $('#form_wizard_1').find('.button-previous').show();
                }

                if (current >= total) {
                    $('#form_wizard_1').find('.button-next').hide();
                    $('#form_wizard_1').find('.button-submit').show();
                    displayConfirm();
                } else {
                    $('#form_wizard_1').find('.button-next').show();
                    $('#form_wizard_1').find('.button-submit').hide();
                }
                App.scrollTo($('.page-title'));
            }

Than replace the wizard initialization code ”$(’#form_wizard_1’).bootstrapWizard” with following one:

// default form wizard
            $('#form_wizard_1').bootstrapWizard({
                'nextSelector': '.button-next',
                'previousSelector': '.button-previous',
                onTabClick: function (tab, navigation, index, clickedIndex) {
                    success.hide();
                    error.hide();
                    if (form.valid() == false) {
                        return false;
                    }
                    handleTitle(tab, navigation, clickedIndex);
                },
                onNext: function (tab, navigation, index) {
                    success.hide();
                    error.hide();

                    if (form.valid() == false) {
                        return false;
                    }

                    handleTitle(tab, navigation, index);
                },
                onPrevious: function (tab, navigation, index) {
                    success.hide();
                    error.hide();

                    handleTitle(tab, navigation, index);
                },
                onTabShow: function (tab, navigation, index) {
                    var total = navigation.find('li').length;
                    var current = index + 1;
                    var $percent = (current / total) * 100;
                    $('#form_wizard_1').find('.progress-bar').css({
                        width: $percent + '%'
                    });
                }
            });

Please let me know if you need further assistance.

Thanks.

Hi,

Regarding the horizontal menu, on layout_horizontal_menu1.html page the menu dropdowns are opened on mouse hover, on layout_horizontal_menu2.html the menu dropdowns are opened on mouse click. So this is just an option.

Please let me know if you need further clarification.

Thanks.

Hi ,

Thanks for reporting this. We will fix it in the next update very soon. In the main time you can just go to assets/scripts/app.js and replace handleFullScreenMode function with below:

var handleFullScreenMode = function() {
        // mozfullscreenerror event handler

        // toggle full screen
        function toggleFullScreen() {
          if (!document.fullscreenElement &&    // alternative standard method
              !document.mozFullScreenElement && !document.webkitFullscreenElement) {  // current working methods
            if (document.documentElement.requestFullscreen) {
              document.documentElement.requestFullscreen();
            } else if (document.documentElement.mozRequestFullScreen) {
              document.documentElement.mozRequestFullScreen();
            } else if (document.documentElement.webkitRequestFullscreen) {
              document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
            }
          } else {
            if (document.cancelFullScreen) {
              document.cancelFullScreen();
            } else if (document.mozCancelFullScreen) {
              document.mozCancelFullScreen();
            } else if (document.webkitCancelFullScreen) {
              document.webkitCancelFullScreen();
            }
          }
        }

        $('#trigger_fullscreen').click(function() {
            toggleFullScreen();
        });
    }

Thanks.

Thank you so much. Your support is awesome same as your template.

You are most welcome We are glad to help you out! Good luck with your project.

Hi winwaed ,

Thanks for sharing this solution. We will definitely use it in the next update. The name of the attribute could be “data-handle-color”. A bit long but readable .

Thanks.

Thanks – yes a much better name

Hi CraZyLteR ,

Thanks for the comment.

Please note, for the styled checkboxes and radios we used jQuery Uniform Plugin. When you change the actual checkbox state you will need to call the plugin function to sync its UI state using below code:

 $("#chb_Id").prop(“checked”, true);
 $.uniform.update("#chb_Id");

Please let me know if you need any further clarification.

Thanks.

Excellent! Thank you

You are most welcome Good luck with your project!

Hi,

Thanks for the details for these minor issues. We will check them further. For further conversation could you use our support email support@keenthemes.com since it will be easier for you to get updated.

Thanks

Hi, I had mail to your suggested email address but i did not got nay reply and still i have no information that when you will fix all bugs of Version 1.5.1

Hi harshaljha,

Please note, our support response time is 48 hours. We have received your email and we will try to look at your email shortly.

Thanks.

Hi there ,

Thanks for the comment.

Yes, all the js scripts moved to assets/scripts since v1.2. To disable the intro messages, please go to index.html and remove Index.initIntro(); line from the bottom of the page. We will put this info in the doc in the update.

Please let me know if you need any further assistance.

Thanks.

Brilliant, many thanks for the fast reply. Your solution works perfectly.

Great! You are most welcome

Hi ,

Thanks for the comment. Please check out the documentation from admin/documentation/index.html the section “Upgrade”. There you can find the migration guide with css class changes table.

Please let me know if you need any further assistance.

Thanks.

Hi praveenscience ,

Many thanks for the comment.

We love what we are doing and we just can’t stop doing it . This is not the last one, more amazing endless updates will be coming in the future.

Thanks.

Many thanks, mahirc

Hi mirulu ,

Please check out the detailed changelog from the documentation admin/documentation/index.html

Please let me know if you need any further assistance.

Thanks.

Hi claimfame ,

Thanks for the comment. At the moment the theme does not support a fixed breadcrumb option. To implement this we need to redesign the breadcrumb part to suit it for the fixed position. However we will consider implementing this in a future release.

Thanks.

thanks for the quick response!

You are most welcome, claimfame .

Hi mawendel ,

Thanks for the comment and feedback. We will take a look at this and improve it in a future release. In the main time you can adjust(make the text more short) the content inside the portfolio item’s container to fit it for your preferred device width.

Thanks.

Hi johnjunior,

At the moment the jquery dialog feature is not supported. However we will consider adding it in a future release.

Thanks.

Hi Parkyprg ,

Thanks for your feedback. Since Bootstrap 3.0 version we had to revise the class names and in the future we will stick with current class names. I would suggest you to check out the class name change table in the documentation admin/documentation/index.html and use the global text replacing(in your editor) to update the class names for your server side scripts.

Please let me know if you need any further clarification.

Thanks.

Hi bunizz ,

Thanks for your suggestion. We will consider including this feature in a future release.

Thanks.

Hi smlinstitute ,

Please note that the theme comes with a general documentation and if you will have any further questions that are not covered by the doc you can always ask our support at support@keenthemes.com. The template code is clean and easy to understand. So to get started with your project, the demo pages can help a lot. You can inspect the template pages and retrieve code snippet you need to build your own pages.

Please let me know if you need any further assistance.

Thanks.

Hi thinkingcap ,

Yes, we do have serious plans for LESS support in the future. However it requires some afford and time and at the moment we can’t give any clear timeline. But we will do our best to release it as soon as possible since many of our customers request for this feature.

Thanks.

Edit: the new bootstrap-datepicker.js file doesn’t support data-date… attribute. I think it can be fixed in the form-components.js, reading the data attribute values.

Hi rrispoli ,

Viewmode parameter is referred as startView option that can be passed when you initialize the datepicker:

$('.datepicker').datepicker({startView: 'year'});

To learn more about the datepicker plugin please check out http://bootstrap-datepicker.readthedocs.org/en/latest/

Thanks.