diff --git a/scripts/controllers/main.js b/scripts/controllers/main.js
index 915b099e..23a8caff 100644
--- a/scripts/controllers/main.js
+++ b/scripts/controllers/main.js
@@ -873,6 +873,20 @@ App.controller('Main', function ($scope, $timeout, $location, Api, tmhDynamicLoc
       return initSliderConf(item, entity, { }, DEFAULT_VOLUME_SLIDER_OPTIONS);
    };
 
+   $scope.getSliderValue = function (item, entity, conf) {
+      let value = conf.value;
+
+      if (item.slider.formatValue) {
+         value = item.slider.formatValue(conf);
+      }
+
+      if (typeof item.filter === 'function') {
+         return callFunction(item.filter, [value, item, entity]);
+      }
+
+      return value;
+   };
+
    $scope.getLightSliderValue = function (slider, conf) {
       if (slider.formatValue) {
          return slider.formatValue(conf);
diff --git a/scripts/directives/tile.html b/scripts/directives/tile.html
index 8f02bbc5..0bb1c07b 100644
--- a/scripts/directives/tile.html
+++ b/scripts/directives/tile.html
@@ -304,17 +304,17 @@
       </div>
    </div>
 
-   <div ng-if="item.type === TYPES.SLIDER"
+   <div ng-if="item.type === TYPES.SLIDER && (_c = getSliderConf(item, entity))"
         class="item-entity-container" ng-class="{'-slider-bottom': item.bottom}">
 
       <div class="item-entity">
-         <span ng-bind="entityValue(item, entity)"
+         <span ng-bind="getSliderValue(item, entity, _c)"
                class="item-entity--value"></span>
          <span ng-if="(_unit = entityUnit(item, entity))"
                class="item-entity--unit" ng-bind="_unit"></span>
       </div>
 
-      <div class="item-slider" ng-if="(_c = getSliderConf(item, entity))">
+      <div class="item-slider">
          <input type="range"
                 ng-model="_c.getSetValue"
                 ng-model-options="{ getterSetter: true }"