diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
index 4ebd56b..5612ab3 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
@@ -49,25 +49,29 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
         else
         {
         
+
             $('#grid-view').css("display", "none");
             if ($scope.isListViewDataLoaded == true) {
-                var htm = '';
-                htm += "<table class='table table-hover table-fixed bg-white table-txt12'>  <thead class='clsthead'><tr class='active'><th width='25%'>Title</th> <th width='15%'>Region</th> <th width='30%'>System</th><th width='15%'>View</th> <th width='15%'>Type</th></tr></thead><tbody class='clstbody'>";
-                $.ajax({
-                    url: '~/../content/data/json/aa/aa_dat_contentlist.json',
-                    dataType: "json",
-                    success: function (result) {
-                        $(result.root.Item).each(function (key, value) {
-                            console.log(key + " " + value);
-                            htm += "<tr id=" + value._Id + " onclick='openListViewModuleItem(event)' ondblclick='openModuleItemView(event)'>"
-                            htm += '<td width="25%">' + value._Title + '</td><td width="15%">' + value._BodyRegion + '</td><td width="30%">' + value._BodySystem + '</td><td width="15%">' + value._ViewOrientation + '</td><td width="15%">' + value._ImageType + '</td>';
-                            htm += "</tr>"
-                        });
-                        htm += "</tbody></table>";
-                        $("#list-view").html(htm);
-                        $compile(htm)($scope);
-                    }
-                });
+                var promise = ModuleService.loadModuleDataBasedOnModuleName($scope.moduleName)
+            .then(
+              function (result) {
+                  // alert(JSON.stringify($scope.moduleLandingData));
+                  $scope.moduleLandingData = result;
+                  $scope.selectedAAListViewData = new jinqJs()
+                                                      .from($scope.moduleLandingData.data.root.Item)
+                                                      .orderBy([{ field: '_Title', sort: 'asc' }])
+                                                      .select();
+                  var htm = '';
+                  htm += "<table class='table table-hover table-fixed bg-white table-txt12'>  <thead class='clsthead'><tr class='active'><th width='25%'>Title</th> <th width='15%'>Region</th> <th width='30%'>System</th><th width='15%'>View</th> <th width='15%'>Type</th></tr></thead><tbody class='clstbody'>";
+                  angular.forEach($scope.selectedAAListViewData, function (value, key) {
+                      htm += "<tr id=" + value._Id + " onclick='openListViewModuleItem(event)' ondblclick='openModuleItemView(event)'>"
+                      htm += '<td width="25%">' + value._Title + '</td><td width="15%">' + value._BodyRegion + '</td><td width="30%">' + value._BodySystem + '</td><td width="15%">' + value._ViewOrientation + '</td><td width="15%">' + value._ImageType + '</td>';
+                      htm += "</tr>"
+                  });
+                  htm += "</tbody></table>";
+                  $("#list-view").html(htm);
+                  $compile(htm)($scope);
+              });
                 $('#list-view').css("display", "block");
                 $scope.isListViewDataLoaded = false;
             }