All images are of different size so created a class to make all of them in same size.

Amrita Vishnoi
1 parent b8cbcf15
Showing 3 changed files with 18 additions and 2 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/TinyViewListController.js
400-SOURCECODE/AIAHTML5.Web/content/css/main.css
400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
@@ -33,9 +33,9 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, Module
                           angular.forEach($scope.data, function (value, key) {
                               $scope.imagePath = "~/../content/images/aa/thumbnails/" + value._TinyImageName;
-                              var $el = $('<div id="' + value._Id + '" class="col-sm-3 col-md-2" title = "' + value._Title + '" data-ng-click="openView($event)">'
+                              var $el = $('<div id="' + value._Id + '" class="col-sm-3 col-md-3" title = "' + value._Title + '" data-ng-click="openView($event)">'
                                   + '<div class="thumbnail" >'
-                                             + '<img id="' + value._Title + '"ng-src="' + $scope.imagePath + '" alt="" title="" >'
+                                             + '<img class="abc" id="' + value._Title + '"ng-src="' + $scope.imagePath + '" alt="" title="" >'
                                              + '<div class="caption"><p>' + value._Title + '</p></div></a></div></div>').appendTo('#grid-view');
@@ -698,3 +698,7 @@ textarea {
 .ciView {
 }
+.parent {
+  width: 100px;
+}
+
@@ -863,4 +863,16 @@ cursor:pointer;
 .annotationtoolbartab
    {
     background:#626c34 !important;
+}
+.tinyImg {
+  width: 173px;
+  height: 216px !important;
+}
+
+.abc {
+  display: block;
+  max-width:230px;
+  max-height:95px;
+  width: auto;
+  height: auto;
 }
 \ No newline at end of file