Hi ,

All the icons listed here are free and you can use it without purchasing any extra license:

But in your screenshot the icons are not displayed. Most probably you are opening the theme in firefox directly from a PC. You should run the theme from a webserver(localhost or webhosting) in order to get all the features(icons, ajax, etc) fully functioning.

If you need any further assistance please contact our support at support@keenthemes.com

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

Hi ,

Thanks for your feedback. At the moment this sample page is not implemented. But we will consider it in the next update.

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

Hi ,

Thanks for your suggestion and aim to support us. We are considering this already by doing some R&D. Hopefully we the decision will be made soon.

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

Hi ,

Thanks for your feedback. At the moment the angularjs version does not support html5 URLs. But we will check it further and improve it asap. If you need this feature asap please email our support at support@keenthemes.com and we will provide it to you once its available.

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

BTW i will fix the UTF-8 errors, its because the files not yet have been saved withoud Encoding, and MS Visual studio messes with the BOM signature

Hi ,

Yes, you can set below code

ul class="dropdown-menu" style="display:none" 

also you will need to remove “collapsed” class from the parent LINK tag. This will fix the double click issue to open the sub menu.

If you need any further assistance please let us know. To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

Hi ,

Yes, you can use it in the AngularJS version as demonstrated. It does not require extra coding. You just need to follow the demo and its source to learn how to get it working.

If you need any further clarifications please let us know. To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

I’ve also encountered a problem where the entire comment div collapses in on itself if the comment is short. This causes the demo `5 hours ago / Reply` for example to collapse on top of `Media Heading` which makes it unreadable. Any suggestions?

Hi ,

Thanks for your feedback. Could you please provide us more details ? Which browser and device did you use to produce this issue ? Could you please email our support(support@keenthemes.com) if you can provide any further details.

Thanks.

Hi ,

Please note the Metronic extends the datatables and adds some new texts(standard translation does not include these words, eg: (https://datatables.net/plug-ins/i18n/French) in the datatable UI. To fully translate the ajax datatable you can use “language” parameter as shown below:

    var handleRecords = function() {

        var grid = new Datatable();

        grid.init({
            src: $("#datatable_ajax"),
            onSuccess: function(grid) {
                // execute some code after table records loaded
            },
            onError: function(grid) {
                // execute some code on network or other general error  
            },
            onDataLoad: function(grid) {
                // execute some code on ajax data load
            },
            loadingMessage: 'Loading...',
            dataTable: { // here you can define a typical datatable settings from http://datatables.net/usage/options 

                // Uncomment below line("dom" parameter) to fix the dropdown overflow issue in the datatable cells. The default datatable layout
                // setup uses scrollable div(table-scrollable) with overflow:auto to enable vertical scroll(see: assets/global/scripts/datatable.js). 
                // So when dropdowns used the scrollable div should be removed. 
                //"dom": "<'row'<'col-md-8 col-sm-12'pli><'col-md-4 col-sm-12'<'table-group-actions pull-right'>>r>t<'row'<'col-md-8 col-sm-12'pli><'col-md-4 col-sm-12'>>",

                "bStateSave": true, // save datatable state(pagination, sort, etc) in cookie.

                "language": { // language settings
                    // metronic spesific
                    "metronicGroupActions": "_TOTAL_ records selected:  ",
                    "metronicAjaxRequestGeneralError": "Could not complete request. Please check your internet connection",

                    // data tables spesific
                    "lengthMenu": "<span class="seperator">|</span>View _MENU_ records",
                    "info": "<span class="seperator">|</span>Found total _TOTAL_ records",
                    "infoEmpty": "No records found to show",
                    "emptyTable": "No data available in table",
                    "zeroRecords": "No matching records found",
                    "paginate": {
                        "previous": "Prev",
                        "next": "Next",
                        "last": "Last",
                        "first": "First",
                        "page": "Page",
                        "pageOf": "of" 
                    }
                },

                "lengthMenu": [
                    [10, 20, 50, 100, 150, -1],
                    [10, 20, 50, 100, 150, "All"] // change per page values here
                ],
                "pageLength": 10, // default record count per page
                "ajax": {
                    "url": "demo/table_ajax.php", // ajax source
                },
                "order": [
                        [1, "asc"]
                    ] // set first column as a default sort by asc
            }
        });

        // handle group actionsubmit button click
        grid.getTableWrapper().on('click', '.table-group-action-submit', function(e) {
            e.preventDefault();
            var action = $(".table-group-action-input", grid.getTableWrapper());
            if (action.val() != "" && grid.getSelectedRowsCount() > 0) {
                grid.setAjaxParam("customActionType", "group_action");
                grid.setAjaxParam("customActionName", action.val());
                grid.setAjaxParam("id", grid.getSelectedRows());
                grid.getDataTable().ajax.reload();
                grid.clearAjaxParams();
            } else if (action.val() == "") {
                Metronic.alert({
                    type: 'danger',
                    icon: 'warning',
                    message: 'Please select an action',
                    container: grid.getTableWrapper(),
                    place: 'prepend'
                });
            } else if (grid.getSelectedRowsCount() === 0) {
                Metronic.alert({
                    type: 'danger',
                    icon: 'warning',
                    message: 'No record selected',
                    container: grid.getTableWrapper(),
                    place: 'prepend'
                });
            }
        });
    }

If you need any further assistance please let us know. To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

Thank you

You are welcome. Good luck with your project!

Hi ,

Hopefully in a future releases. But we will need to consider it first so we can’t let you know the ETA for this.

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

Hi ,

Thanks for informing this issue. We will definitely fix it in the next update. In the main time you can add below code in layout.js under “handleSidebarMenu” function:

if ($('body').hasClass('page-sidebar-closed') &&  $(this).parent('li').parent('.page-sidebar-menu').size() === 1) {
       return;
}

right before below line:

var hasSubMenu = $(this).next().hasClass('sub-menu');

If you need any further assistance please let us know. To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

I’m using the angularJS setup. Also it needs to work as a deep link as well, so opening a tab on a different page and then loading specific content from a uid.

Hi ,

We don’t have similar example for AngularJS setup. You can check the ui router library to get started with deep linked URL routing.

Also you can check the AngularJS implementation of the bootstrap tabs here: http://angular-ui.github.io/bootstrap/

Thanks.

Hi,

Please assign an ID to your table and try to use below code

#table_id th {
  font-size:10px !important
}

Thanks.

ul class=”“dropdown-menu”” style=”“display:block; changed to ul class=”“dropdown-menu”” style=”“display:none;”“

Parent Link a href=”javascript:void(0);” class=”collapsed”>Gadgets

Hi ,

Referring to the the admin theme 1(similar code structure applies to other admin themes as well) you can easily achieve that by using ‘active’ class as shown below:

1) Expanded sub menu:

<li class="start active open">
    <a href="javascript:;">
        <i class="icon-home"></i>
        <span class="title">Dashboard</span>
        <span class="selected"></span>
        <span class="arrow open"></span>
    </a>
    <ul class="sub-menu">
        <li class="active">
            <a href="index.html">
                <i class="icon-bar-chart"></i>
                Default Dashboard
            </a>
        </li>
        <li>
            <a href="index_2.html">
                <i class="icon-bulb"></i>
                New Dashboard #1
            </a>
        </li>
        <li>
            <a href="index_3.html">
                <i class="icon-graph"></i>
                New Dashboard #2
            </a>
        </li>
    </ul>
</li>

2) Collapsed sub menu:

<li>
    <a href="javascript:;">
        <i class="icon-home"></i>
        <span class="title">Dashboard</span>
        <span class="arrow"></span>
    </a>
    <ul class="sub-menu">
        <li class="active">
            <a href="index.html">
                <i class="icon-bar-chart"></i>
                Default Dashboard
            </a>
        </li>
        <li>
            <a href="index_2.html">
                <i class="icon-bulb"></i>
                New Dashboard #1
            </a>
        </li>
        <li>
            <a href="index_3.html">
                <i class="icon-graph"></i>
                New Dashboard #2
            </a>
        </li>
    </ul>
</li>

If you need any further clarifications please let us know. To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

Hi,

Its under assets/frontend/onepage/css/style.css:

.menu-always-on-top .header {
  background: #fff;
  top: 0;
  bottom: auto;
  position: fixed;
}

Thanks.

Hi,

Thank you once again for your quick response. However that didn’t seem to work.

Anyway, this is what I have done – <d iv class=”header header-mobi-ext” style=”top: 0; bottom: auto;”> and it’s working now.

Once again, amazing theme!

Best Regards,

Joginder

Great! You are welcome. Good luck with your project

Hi ,

Which demo page are you referring ? Could you please clarify your question with more details ?

Thanks.

It was my mistake, but thanks so much for the reply!

You are welcome. Good luck with your project

Hi ,

Please try below code:

$('#myModal').on('hidden.bs.modal', function (e) {
  // do something...
})

Or apply it globally:

$('body').on('hidden.bs.modal', function (e) {
  // do something...
})

Thanks.

already solved. missed a CSS file

Glad for you. Good luck with your project!

Hi ,

Thanks for sharing this perfect solution. I hope this will be helpful to our users as well.

Thanks.

Hi ,

Many thanks for your comment. This is not the last one. Endless amazing features are planned for a future releases.

To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

Hi ,

Could you please contact our support via support@keenthemes.com and provide your license info ? Here we did not see “purchased” badge for your username so we will need to verify your license before proceed with our support. if the license is purchased by your company or client you can just get the license info and send to our support along with your support question. I hope for your understanding on this.

Thanks.