diff --git a/client/client/src/search-panel/search-panel.html b/client/client/src/search-panel/search-panel.html
index e7f5ca2bd..4490019f9 100644
--- a/client/client/src/search-panel/search-panel.html
+++ b/client/client/src/search-panel/search-panel.html
@@ -1,5 +1,5 @@
-<div pad-large style="min-width: 30em;">
-<form name="form" ng-submit="form.$valid && $ctrl.onSubmit()">
+<div pad-large style="min-width: 30em;" ng-show="$ctrl.formVisibility">
+<form name="form" ng-submit="form.$valid && $ctrl.onSubmit()" ng-keyup="$ctrl.getKeyPressed($event)">
     <vn-horizontal>
         <vn-textfield vn-one label="Id Cliente" model="$ctrl.filter.id"></vn-textfield>
         <vn-textfield vn-one label="NIF/CIF" model="$ctrl.filter.fi"></vn-textfield>
diff --git a/client/client/src/search-panel/search-panel.js b/client/client/src/search-panel/search-panel.js
index 85cc53d9c..255c9a74f 100644
--- a/client/client/src/search-panel/search-panel.js
+++ b/client/client/src/search-panel/search-panel.js
@@ -4,7 +4,12 @@ export const NAME = 'vnClientSearchPanel';
 export const COMPONENT = {
     template: require('./search-panel.html'),
     controller: function($scope) {
-        this.onSubmit = function() {}
+        this.formVisibility = true;
+        this.onSubmit = function() {};
+        this.getKeyPressed = function(event){
+            if (event.which === 27) 
+                this.formVisibility = false;
+        };
     }
 };
 module.component(NAME, COMPONENT);