diff --git a/assets/js/app/core/directives/RawView.js b/assets/js/app/core/directives/RawView.js
index a231bcd36..d97248af0 100644
--- a/assets/js/app/core/directives/RawView.js
+++ b/assets/js/app/core/directives/RawView.js
@@ -8,10 +8,11 @@
         restrict: 'E',
         scope: {
           item: '=',
-          text: '='
+          text: '=',
+          enabled: '=',
         },
         replace: true,
-        template : '<span class="text-nowrap clickable" data-ng-click="openRawView(item)"><i uib-tooltip="Raw view" class="mdi mdi-eye-outline"></i>{{text ? "&nbsp;&nbsp;" + text : ""}}</span>',
+        templateUrl: 'js/app/core/directives/partials/RawView.html',
         controller: [
           '$scope','$uibModal',
           function controller($scope,$uibModal) {
diff --git a/assets/js/app/core/directives/partials/RawView.html b/assets/js/app/core/directives/partials/RawView.html
new file mode 100644
index 000000000..e513d68c3
--- /dev/null
+++ b/assets/js/app/core/directives/partials/RawView.html
@@ -0,0 +1,4 @@
+<span class="text-nowrap clickable" data-ng-click="openRawView(item)">
+    <i uib-tooltip="Raw view" class="mdi {{enabled ? 'mdi-eye-outline' : 'mdi-eye-off-outline' }}"></i>
+    {{text ? "&nbsp;&nbsp;" + text : ""}}
+</span>
\ No newline at end of file
diff --git a/assets/js/app/services/partials/form-service-013.html b/assets/js/app/services/partials/form-service-013.html
index cc1fdb442..c26bfe348 100644
--- a/assets/js/app/services/partials/form-service-013.html
+++ b/assets/js/app/services/partials/form-service-013.html
@@ -6,7 +6,19 @@
         <p class="help-block">The service name.</p>
     </div>
 </div>
-
+<div class="form-group" ng-class="{'has-error' : errors.name}">
+    <label class="col-sm-4 control-label">Enabled <br><em><small class="help-block">optional</small></em></label>
+    <div class="col-sm-7">
+        <input bs-switch
+        ng-model="service.enabled"
+        switch-size="small"
+        type="checkbox"
+        switch-on-text="YES"
+        switch-off-text="NO" class="form-control">
+        <div class="text-danger" ng-if="errors.name" data-ng-bind="errors.name"></div>
+        <p class="help-block">Whether the service is active. If set to false, the proxy behavior will be as if any routes attached to it do not exist (404).</p>
+    </div>
+</div>
 <!-- EXTRAS -->
 <div class="form-group">
     <label class="col-sm-4 control-label">Description <br><em><small class="help-block">optional</small></em></label>
diff --git a/assets/js/app/services/services-service.js b/assets/js/app/services/services-service.js
index dfc40e5d8..c964ac034 100644
--- a/assets/js/app/services/services-service.js
+++ b/assets/js/app/services/services-service.js
@@ -20,6 +20,7 @@
         var properties = {
           '013': {
             name: '',
+            enabled: true,
             host: '',
             protocol: '',
             port: null,
diff --git a/assets/js/app/services/views/services.html b/assets/js/app/services/views/services.html
index 93a1ea65e..ba18d0abf 100644
--- a/assets/js/app/services/views/services.html
+++ b/assets/js/app/services/views/services.html
@@ -46,7 +46,7 @@
                 <tr
                         dir-paginate="service in items.data | orderBy:sort.column:sort.direction | filter : filters.searchWord | itemsPerPage: itemsPerPage as filteredItems">
                     <td>
-                        <raw-view data-item="service"></raw-view>
+                        <raw-view data-enabled="service.enabled" data-item="service"></raw-view>
                     </td>
                     <td>
                         <p class="no-margin">