diff --git a/extensions/ui/org.eclipse.smarthome.ui.paper/web-src/partials/include.itemcontrol.html b/extensions/ui/org.eclipse.smarthome.ui.paper/web-src/partials/include.itemcontrol.html
index e024d099..3ac4e319 100644
--- a/extensions/ui/org.eclipse.smarthome.ui.paper/web-src/partials/include.itemcontrol.html
+++ b/extensions/ui/org.eclipse.smarthome.ui.paper/web-src/partials/include.itemcontrol.html
@@ -81,7 +81,7 @@
 				</div>
 			</div>
 		</div>
-		<div layout="row" layout-align="start center" class="number-control-widget">
+		<div ng-show="!isReadOnly(item)" layout="row" layout-align="start center" class="number-control-widget">
 			<span flex="15" class="text-left" ng-if="getMinText(item)">{{getMinText(item)}}</span>
 			<md-slider class="md-default-theme" flex="70" min="{{item.stateDescription.minimum}}" max="{{item.stateDescription.maximum}}" step="{{item.stateDescription.step}}" ng-model="item.state" md-discrete="true" ng-if="getMinText(item) && getMaxText(item)" ng-change="sendCommand(item.state)" aria-label={{item.label}}></md-slider>
 			<span flex="15" class="text-right" ng-if="getMaxText(item)">{{getMaxText(item)}}</span>