Hi ,

You can use Metronic.startPageLoading() and Metronic.stopPageLoading() to display page loading:

$(function() {
    $("#refresh").click(function(e) {
        Metronic.startPageLoading(); // display page loading
        $("#memberTable").empty(); //Table in portlet
        $.getJSON('get', {
            tags: "member page 1",
            tagmode: "any",
            format: "json",
            loadingMessage: 'Loading...'
        })
        .done(function(data) {
            var rows = "";
            $.each(data, function(i, item) {
                rows += "<tr class="gradeX odd" role="row"><td><div class="checker"><span><input type='checkbox' class='checkboxes' value='" + item.id + "'></span></div></td><td class="sorting_1">" + item.name + "</td><td>" + item.email + "</td><td>" + item.phone + "</td><td>" + item.dob + "</td><td><span class="label " item.level_format="">" + item.level + "</span></td></tr>";
            });
            $("#memberList").html(rows);
            console.log("set member list - AJAX JSON");
            Metronic.stopPageLoading(); // hide display page loading
        });
    })
})
</per>

For more available option of loading indicator you can check below demo page:
http://www.keenthemes.com/preview/metronic/theme/templates/admin/ui_blockui.html

However i could not understand your first question. Could you clarify it with more details ?

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

Thanks.

I want to use template, bind it with data instead of looping with string variable. I apply JQuery.tmpl() and it works. Thanks for your support.

Great! You are welcome. Good luck with your project!

Hi ,

Thanks for your feedback. Can you please email our support(support@keenthemes.com) some screenshots where we can see the issue clearly ?

Thanks.

Oh sorry, i typed ‘modal’ but i meant portlet. I’m using the following in the AngularJS setup, but that doesn’t load the content initially:

<div class="portlet light"> <div class="portlet-title"> <div class="caption"> <i class="fa fa-cogs font-green-sharp" /> <span class="caption-subject font-green-sharp bold uppercase">Advance Form</span> </div> <div class="tools"> <a href="#" data-load="true" data-url="portlet_ajax_content_1.html" class="reload"> </a> </div> </div> <div class="portlet-body form portlet-empty"> </div> </div>

I’ve got it working by using: $(’#myportlet .portlet-title .reload’).click();

Hi ,

You can apply ID to your portlet and call below code after you initialize your portlet and the below code will trigger the content loading:

$('#my_portlet .portlet-title a.reload').click();

Thanks.

Hi ,

Thanks for your feedback. Can you provide us a test link to your developing site ? We will need to check your code in order to advise you further. You can send the details to our support at support@keenthemes.com

Thanks.

hi

http://www.keenthemes.com/preview/metronic/theme/templates/admin/ui_tabs_accordions_navs.html

my site is working similar to this… pls check above link in small screen… and expand the header ( menus )... then check the nav bar in the page

thanks

Hi ,

Thanks for reporting this. We will check it further and fix it asap. In the main time you can email our support at support@keenthemes.com and we will update you once we have the fox for the issue.

Thanks.

Hi ,

Please make sure each datatable has its own ID and you have a separate initialization code for each datatable by their own IDs.

If you need any further assistance please send our support(support@keenthemes.com) a test link to your developing site.

Thanks.

Hi ,

Thanks for your feedback. Yes, we will be definitely looking at this direction in a future releases. To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

Cool, something like Materialize could be a great reference for you… http://materializecss.com/ Thanks to you!

Thanks for sharing this We will definitely refer to it.

Hi,

Sorry for the late reply. Technical support requires more time comparing to presale support. So most of the time we will have more chance to reply the presale questions faster comparing to the technical questions. Regarding to your support request. First we will need to verify your purchase as our technical support is provided only to valid buyer or users with valid license. As we did not see “purchased” badge for your username please email our support at support@keenthemes.com and provide your license key. I hope for your understanding on this.

Thanks.

I did not buy this template – my client bought it directly for me to work on . Don’t bother anymore I have solved the problem.

No problem. If you need any further assistance please contact our support at support@keenthemes.com and provide us the license info that your client purchased. Thanks for your understanding and good luck with your project!

Hi ,

Thanks for your interest in Metronic. Yes, the PSD files are included for Admin 1, Admin 3, Admin 4 themes. For Admin 2 we will include the PSD files in the next update that we are planning to release in a few days.

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

Thanks.

Hi ,

Thanks for reporting this issue. We will include the fix for this issue in the following update(v3.6.4). We have already submitted the next update(v3.6.3) and we missed this fix.

In the main time you can use below hot fix in your custom.css:

.dropdown-menu > li:first-child:hover a {
    border-radius: 4px 4px 0px 0px;        
}

.dropdown-menu > li:last-child:hover a {
    border-radius: 0px 0px 4px 4px;        
}

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

Thanks.

Big Thanks:)

You are welcome and good luck with your project!

Hi ,

You can check the ui.router’s documentation here: https://github.com/angular-ui/ui-router/wiki. It explains the uirouter component in depth.

Thanks.

Hi ,

Can you please email our support(support@keenthemes.com) your license info too get the theme support ? We did not see “purchase” badge for your username so we would like to verify your purchase before providing the support with following policy: themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469/support

Thanks.

Hi ,

Thanks for your feedback.

Is ‘mypage.aspx/mymethod’ valid URL ? There should not be any issue with ”/”. As long as your URL is valid you should be able to get the response. I would suggest you to double check your URL and ensure it returns valid data. If you need our further assistance please provide us a test link to your developing site as we will need to check your code online in order to advise you further. Any further details you can send to our support at support@keenthemes.com.

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

Thanks.

Hey my friend, yes is valid… 100% , the problem occurs just with the .net aspx/method configuration. But if i send the method by ”?” it works, but i need to create another page for that. So, if you can solve that would be great ! Thanks !

Hi,

Can you please provide a test link to your developing site ? We will need to check your code online in order to advise you further. You can send the details to our support at support@keenthemes.com

Thanks.

Hi ,

We might include jqGrid in the near feature. To stay updated please follow us on http://twitter.com/keenthemes

Thanks.

Thanks for choosing Metronic! I hope you will enjoy coding it

Hi ,

Yes, with Metronic you can build any type of web applications. Basically you can modify the theme’s HTML, css and js files according to your project requirements.

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

Thanks.

Hi ,

Please note the datatables is a jquery plugin so you will need to work with it in jquery way. For more info you can check this article: http://henriquat.re/directives/advanced-directives-combining-angular-with-existing-components-and-jquery/angularAndJquery.html.

If you need any further clarifications you can contact our support at support@keenthemes.com

Thanks.

ok… for anyone else coming across this. you need to refer to the creator of angular-datatables. This is the component utilised by metronix theme for the datatables components – http://l-lin.github.io/angular-datatables/#/dataReloadWithPromise

1) Pay particular attention to dtInstance.reloadData(). Metronix theme does not include any feature to allow for either manual (as per above examples) or auto refresh based on a angular watch.

If you add the reload button to your screen and click “reload data” then look at firebug etc, you will see a ajax call fire again to pull down fresh data. This, IMO, is a valuable feature/example you’ll most likely need and hopefully will be added to Metronix when its upgraded for Angular 1.3, along with angular support for login /password reset & registration

2) The above link as I mentioned only caters for manually clicking a “Reload data” button. So to “auto” reload data with a watch (any time the data changes) put a function such as this in your list screen (or wherever you place it) inside function WithPromiseCtrl().

$scope.$watch(function($scope) { return $scope.updateDataTable; },
        function() {
            if (!angular.isUndefined($scope.showCase.dtInstance)) {
                $scope.showCase.dtInstance.reloadData();
            }
        }
);

what you then need, is a ”$scope.updateDataTable;” inside your controller. That can either be a boolean, or an incremented integer. Whenever you make an update to the data you should increment that $scope.updateDataTable++;

Then, the watch above, will be watching that an any time it changes, will call $scope.showCase.dtInstance.reloadData();

Hope that helps someone… i really should put this sort of thing in a blog!

Hi ,

Great finding and thanks for sharing this. This will be definitely useful to others as well.

Thanks.

Hi ,

Could you please contact our support via support@keenthemes.com and provide more details to your issue ? With above questions we would not understand you fully.

Thanks.

Hi ,

Thanks for your interest in Metronic.

Basically to utilize the metronic in your custom system you will need some experience in end to end web development since this theme is not for non-developer users. Metronic is basically an HTML theme(built with HTML, javascript and css) without actual functionality(the database integration and application business model). The actual implementation is responsibility of buyer. Basically any web applications/systems contain of 2 layers:

1) Design and Frontend UI(html, css, javascript)

2) Actual system implementation using a server side language such as PHP or Java, and database engine such as MySQL or Oracle.

So our Metronic theme, as an HTML theme helps you on the step #1. The step #2 will be responsibility of the buyers as every buyer has own requirements and system specification.

If you need any further clarifications please let us know. For more info you can check our FAQ here: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469/support

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes

Thanks.

Hi ,

You can use the bootbox only with native modals. If you are using the bootstrap modal plugin with bootstrap-modal.css then you can’t use Bootbox plugin since these plugins have known conflict.

Thanks.

any suggestion for manage a confirm dialog on modal ? tnx

Hi ,

You can check below demo: http://www.keenthemes.com/preview/metronic/theme/templates/admin/ui_alert_dialog_api.html

Thanks.