diff --git a/src/frontend/app/app-common.module.ts b/src/frontend/app/app-common.module.ts
index 96f8afbc023ac6536cd6470abcce2b4dd4ac71de..c0e174e39f29e19ea7502508d396cb915bf461e1 100755
--- a/src/frontend/app/app-common.module.ts
+++ b/src/frontend/app/app-common.module.ts
@@ -85,6 +85,7 @@ export class MyHammerConfig extends HammerGestureConfig {
         TimeAgoPipe,
         TimeLimitPipe,
         FilterListPipe,
+        NgStringPipesModule,
         SmdFabSpeedDialComponent,
         SmdFabSpeedDialTrigger,
         SmdFabSpeedDialActions,
diff --git a/src/frontend/app/list/basket-list.component.html b/src/frontend/app/list/basket-list.component.html
index e87bd6debb1c22bc7adf06b69418c7e7120f02c6..33b1aee4cb35644537cba0c72b5c1413a8ce1202 100644
--- a/src/frontend/app/list/basket-list.component.html
+++ b/src/frontend/app/list/basket-list.component.html
@@ -51,10 +51,10 @@
                                     </ng-container>
                                     <ng-container *ngIf="data.id == 'category_id'">
                                         <span *ngIf="!lang[row.category_id]" style="opacity: 0.5" title="id: {{row.category_id}}">_UNDEFINED</span>
-                                        <span *ngIf="lang[row.category_id]">{{lang[row.category_id]}}</span>
+                                        <span *ngIf="lang[row.category_id]" title="{{row[data.id]}}">{{lang[row.category_id]}}</span>
                                     </ng-container>
                                     <ng-container *ngIf="data.id != 'status_label' && data.id != 'date' && data.id != 'category_id'">
-                                        <span [class.undefined]="row[data.id] == lang.undefined">{{row[data.id]}}</span>
+                                        <span [class.undefined]="row[data.id] == lang.undefined" title="{{row[data.id]}}" >{{row[data.id] | shorten: 150: '...'}}</span>
                                     </ng-container>
                                 </div>
                             </mat-toolbar>
@@ -84,10 +84,11 @@
                                         &nbsp;
                                     </ng-container>
                                     <ng-container *ngIf="data.id == 'category_id'">
-                                        {{lang[row.category_id]}}
+                                        <span *ngIf="!lang[row.category_id]" style="opacity: 0.5" title="id: {{row.category_id}}">_UNDEFINED</span>
+                                        <span *ngIf="lang[row.category_id]" title="{{row[data.id]}}">{{lang[row.category_id]}}</span>
                                     </ng-container>
                                     <ng-container *ngIf="data.id != 'status_label' && data.id != 'date' && data.id != 'category_id' && data.id != 'alt_identifier'">
-                                        {{row[data.id]}}
+                                        <span [class.undefined]="row[data.id] == lang.undefined" title="{{row[data.id]}}" >{{row[data.id] | shorten: 150: '...'}}</span>
                                     </ng-container>
                                 </div>
                                 <mat-button-toggle-group #group="matButtonToggleGroup" class="actions" multiple>
diff --git a/src/frontend/app/list/basket-list.component.ts b/src/frontend/app/list/basket-list.component.ts
index 07d456dbd579c6a9f6fb4bcf16eede242ca4f02d..9510b399f271d5ecf3537e51747e203c7c1f9614 100755
--- a/src/frontend/app/list/basket-list.component.ts
+++ b/src/frontend/app/list/basket-list.component.ts
@@ -17,7 +17,6 @@ import { DiffusionsListComponent } from '../diffusions/diffusions-list.component
 import { FiltersToolComponent } from './filters/filters-tool.component';
 
 
-
 declare function $j(selector: any): any;
 
 declare var angularGlobals: any;
@@ -25,7 +24,7 @@ declare var angularGlobals: any;
 @Component({
     templateUrl: "basket-list.component.html",
     styleUrls: ['basket-list.component.scss'],
-    providers: [NotificationService]
+    providers: [NotificationService],
 })
 export class BasketListComponent implements OnInit {
 
@@ -176,7 +175,7 @@ export class BasketListComponent implements OnInit {
                     // Flip flag to show that loading has finished.
                     this.isLoadingResults = false;
                     data = this.processPostData(data);
-                    console.log(data);
+                    //console.log(data);
                     this.resultsLength = data.count;
                     this.headerService.setHeader(data.basketLabel, this.resultsLength + ' ' + this.lang.entries);
                     return data.resources;