diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
index a3fc2ba..b642cb2 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
@@ -10,6 +10,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
     var CLINICAL_ILLUSTRATION = 'Clinical Illustrations';
     var CLINICAL_ANIMATION = 'Clinical Animations';
     $rootScope.closeBtnImgPath = "~/../content/images/speeachBubbleClose.png";
+    $rootScope.listArray = [];
     //variables to bind Filter by Controls
     $scope.searchAAListViewData = [];
     $scope.SelectedAAthumbImage = [];
@@ -49,36 +50,37 @@ 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);
-                    }
-                });
-                $('#list-view').css("display", "block");
-                $scope.isListViewDataLoaded = false;
-            }
-            else {
+            //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);
+            //        }
+            //    });
+            //    $('#list-view').css("display", "block");
+            //    $scope.isListViewDataLoaded = false;
+            //}
+            //else {
                 $('#list-view').css("display", "block");
-            }
+            //}
 
             $timeout(function () {
                 //  if ($rootScope.isListViewRowClicked == true) {
                 //  $rootScope.isListViewRowClicked = false;
                 $("#demoView").remove();
-                $("#viewList").append("<div class='col-xs-12 text-center' style='padding-top:15px;padding-bottom:15px;' id='demoView'><div class='col-xs-12' style='padding:15px;background-color:#fff;'><div class='col-xs-2' style='border:1px solid #000;padding:5px;color:#000;font-size:12px;'><div class='thumbnail' style='margin-bottom:10px;'><img style='width:auto;height:95px!important;' src=" + $rootScope.listArray[0].imageName + "></div><div class='col-xs-12' id='demoText' style='padding:0;'>" + $rootScope.listArray[0].text + "</div></div></div><a style='position:absolute;right:30px;bottom:34px;' onclick='openCurrentView(event)' href='javascript:void(0)' class='pull-right btn btn-primary'>Open</a></div>");
+                if ($rootScope.listArray.length>0)
+                    $("#viewList").append("<div class='col-xs-12 text-center' style='padding-top:15px;padding-bottom:15px;' id='demoView'><div class='col-xs-12' style='padding:15px;background-color:#fff;'><div class='col-xs-2' style='border:1px solid #000;padding:5px;color:#000;font-size:12px;'><div class='thumbnail' style='margin-bottom:10px;'><img style='width:auto;height:95px!important;' src=" + $rootScope.listArray[0].imageName + "></div><div class='col-xs-12' id='demoText' style='padding:0;'>" + $rootScope.listArray[0].text + "</div></div></div><a style='position:absolute;right:30px;bottom:34px;' onclick='openCurrentView(event)' href='javascript:void(0)' class='pull-right btn btn-primary'>Open</a></div>");
                 var moduleItemDataToBeSavedID
                 $("#list-view table tbody tr").removeClass("active");
                 var moduleItemDataToBeSavedID = localStorage.getItem("listViewSelectedID");
@@ -149,13 +151,13 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
         if ($scope.isListViewButtonClicked == true) {
             if ($scope.isOpenBtnClicked == true) {
 
-                var moduleItemDataToBeSaved = $("#demoText").html();
+                var moduleItemDataToBeSaved = $("#demoText").html().trim();
                 $scope.isOpenBtnClicked = false;
             }
             else {
                 var moduleItemDataToBeSavedID = event.currentTarget.id;
                 localStorage.setItem("listViewSelectedID", moduleItemDataToBeSavedID);
-                var moduleItemDataToBeSaved = $("#list-view table tbody #" + moduleItemDataToBeSavedID).find('td:eq(0)').text();
+                var moduleItemDataToBeSaved = $("#list-view table tbody #" + moduleItemDataToBeSavedID).find('td:eq(0)').text().trim();
             }
         }
         else {
@@ -173,7 +175,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
         $rootScope.bodySystemName = $rootScope.OpenedTileData[2];
         $rootScope.OpenItemImagePath = "../../../content/images/aa/images/" + $rootScope.OpenedTileData[3];
         $scope.OpenItemImagePath = "../../../content/images/aa/images/" + $rootScope.OpenedTileData[3];
-        $rootScope.listArray = [];
+        //$rootScope.listArray = [];
         $rootScope.listArray.push({ "imageName": $rootScope.OpenItemImagePath, "text": moduleItemDataToBeSaved });
         //3. set opened module item ti
         localStorage.setItem("currentViewTitle", $rootScope.OpenedTileData[6]);
@@ -194,7 +196,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
         localStorage.setItem("listViewSelectedID", moduleItemDataToBeSavedID);
         $("#list-view table tbody #" + moduleItemDataToBeSavedID).addClass("active");
         localStorage.setItem("AAListViewScroll", $("#list-view table tbody").scrollTop());
-        var moduleItemDataToBeSaved = $("#list-view table tbody #" + moduleItemDataToBeSavedID).find('td:eq(0)').text();
+        var moduleItemDataToBeSaved = $("#list-view table tbody #" + moduleItemDataToBeSavedID).find('td:eq(0)').text().trim();
         $rootScope.OpenedTileData = ModuleService.GetOpenedTileData(moduleItemDataToBeSaved, $scope.moduleLandingData);
         $rootScope.OpenItemImagePath = "../../../content/images/aa/images/" + $rootScope.OpenedTileData[3];
         $rootScope.listArray = [];
@@ -395,6 +397,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
     $scope.FilterByImage = function (moduleId, query) {
         //alert(JSON.stringify(query));
         $scope.moduleId = moduleId;
+        $scope.filterstring = true;
 
         console.log('loadForModuleById is called')
         $rootScope.moduleName = Modules[moduleId].Name;
@@ -509,26 +512,26 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                              $scope.imagePath = "../content/images/aa/thumbnails/" + value._TileImageName;
 
 
-                             var $el = $('<div id="' + value._id + '" class="col-sm-3 col-lg-2" title = "' + value._Title + '" data-ng-click="openModuleItemView($event)">'
-                                 + '<div class="thumbnail" >'
-                                            + '<img class="tinyImg" id="' + value._Title + '"ng-src="' + $scope.imagePath + '" alt="" title="" >'
+                             var $el = $('<div id="' + value._Id + '" class="col-sm-3 col-lg-2" title = "' + value._Title + '" data-ng-click="openModuleItemView($event)">'
+                                 + '<div class="thumbnail" ><a href="#">'
+                                            + '<img class="tinyImg" id="' + value._Id + '"ng-src="' + $scope.imagePath + '" alt="" title="" >'
                                             + '<div class="caption"><p>' + value._Title + '</p></div></a></div></div>').appendTo('#grid-view');
 
 
                              $compile($el)($scope);
                          }
-                         else {
-                             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);
-                         }
+                         //else {
+                         //    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);
+                         //}
 
                          $(".sidebar").mCustomScrollbar({
                              autoHideScrollbar: true,
@@ -564,7 +567,8 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
 
                      $('#ListViewDiv').append('<tr id="searchItem"><td colspan="6"><strong style="color:black;">No illustration found for the selected search criteria!</strong></td></tr>');
                  }
-                 console.log(JSON.stringify(result, null, 4));
+                 //console.log(JSON.stringify(result, null, 4));
+                 console.log('UTK--' + $scope.searchAAListViewData);
              },
               function (error) {
                   // handle errors here
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/views/tile-view.html b/400-SOURCECODE/AIAHTML5.Web/app/views/tile-view.html
index 945ee5c..20ef6b9 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/views/tile-view.html
+++ b/400-SOURCECODE/AIAHTML5.Web/app/views/tile-view.html
@@ -86,7 +86,7 @@
                     <!--<div role="tabpanel" class="tab-pane active" id="grid-view">-->
                     <div role="tabpanel" class="tab-pane active" id="grid-view">
                         <div ng-repeat="(key,val) in moduleLandingData.data.root.Item | orderBy:'_Title' ">
-                            <div id="{{val._Id}}" class="col-sm-3 col-lg-2" title="{{val._Title}}" ng-click="openModuleItemView($event)">
+                            <div id="{{val._Title}}" class="col-sm-3 col-lg-2" title="{{val._Title}}" data-ng-click="openModuleItemView($event)">
                                 <div class="thumbnail">
                                     <a href="#">
                                         <img class="tinyImg" id="{{val._Title}}" ng-src="../content/images/aa/thumbnails/{{val._TileImageName}}" data-ng-click="openModuleItemView($event)" alt="" title="">
@@ -96,10 +96,91 @@
                             </div>
                         </div>
                     </div>
-                    <div class="col-xs-12" id="list-view"></div>
+                    <!--<div class="col-xs-12" id="list-view"></div>-->
+                    <div role="tabpanel"  id="list-view"> <!--ng-class="{'tab-pane active' : activeTab === 2,'tab-pane' : activeTab !==2 }"-->
+                        <!--<div class="col-sm-12 table-responsive">-->
+                        <div class="panel col-sm-12 table-responsive" style="padding-left:0px; padding-right:0; margin-left:11px; margin-bottom:0; width:99%;">
+                            <!--<table class="table table-hover table-condensed bg-white" style="padding-left:25px; width:99%">-->
+                            <table class="table table-hover table-fixed bg-white table-txt12" style="padding-left:25px; width:100%;">
+                                <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="25%">Type</th>
+                                        <!--<th width="25%">Specialty</th>-->
+                                    </tr>
+                                </thead>
+                                <tbody id="ListViewDiv" ng-if="!filterstring" class="clstbody">
+                                    <tr id="{{val._Id}}" ng-class="{selected: val._id === idSelected}" data-ng-click="openListViewModuleItem($event)" data-ng-dblclick=" openmoduleitemview($event)" ng-repeat="(key,val) in moduleLandingData.data.root.Item | orderBy:'_Title'">
+                                        <td width="25%">
+                                            {{val._Title}}
+                                        </td>
+                                        <td width="15%">
+                                            {{val._BodyRegion}}
+                                        </td>
+                                        <td width="30%">
+                                            {{val._BodySystem}}
+                                        </td>
+                                        <td width="15%">
+                                            {{val._ViewOrientation}}
+                                        </td>
+                                        <td width="25%">
+                                            {{val._ImageType}}
+                                        </td>
+                                        <!--<td width="25%">
+            {{item._MedicalSpecialty}}
+        </td>-->
+                                    </tr>
+                                </tbody>
+                                <tbody id="ListViewDiv" ng-if="filterstring" class="clstbody">
+                                    <tr id="item._Id" ng-class="{selected: item._id === idSelected}" data-ng-click="openListViewModuleItem($event)" data-ng-dblclick="openModuleItemView($event)" ng-repeat="item in searchAAListViewData">
+                                        <td width="25%">
+                                            {{item._Title}}
+                                        </td>
+                                        <td width="15%">
+                                            {{item._BodyRegion}}
+                                        </td>
+                                        <td width="30%">
+                                            {{item._BodySystem}}
+                                        </td>
+                                        <td width="15%">
+                                            {{item._ViewOrientation}}
+                                        </td>
+                                        <td width="25%">
+                                            {{item._ImageType}}
+                                        </td>
+                                        <!--<td width="25%">
+            {{item._MedicalSpecialty}}
+        </td>-->
+                                    </tr>
+                                    <!--<tr ng-if="typeof(searchCIListViewData) == 'undefined' || searchCIListViewData == null || searchCIListViewData == ''">
+                    <td colspan="6"><strong id="searchItem" style="color:black;">No illustration found for the selected search criteria!</strong></td>
+                    </tr>-->
+
+                                </tbody>
+                            </table>
+                        </div>
+                        <div class="col-sm-12" ng-show="hiderow" style="padding-left:25px;padding-top:10px;">
+                            <div class="row well">
+                                <div title="{{SelectedAATitle}}" class="col-sm-3 col-lg-2 no-padding">
+                                    <div class="thumbnail no-margin">
+                                        <img id="{{SelectedAAId}}" src="{{SelectedAAthumbImage}}" alt="" title="{{SelectedAATitle}}" data-ng-click="openCurrentView($event)">
+                                    </div>
+                                </div>
+                                <div class="col-sm-9 col-lg-9" style="padding-left:10px;">
+                                    <p class="f11" ng-bind-html="SelectedAASummary"></p>
+                                    <button id="{{SelectedAAId}}" type="button" class="btn btn-primary btn-sm pull-right" data-ng-click="openCurrentView($event)">Open</button>
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
                     </div>
             </div>
-
+        </div>
+    </div>
 <script>
     $(function () {