Documentation and tip added

Author: Patrick Knabe

display.html

@@ -23,7 +23,7 @@
 			height: { value: 0 },
 			digits: { value: 5, validate: digits => ( +digits || 0 ) >= 1 && ( +digits || 0 ) <= 10 },
 			decimals: { value: 1, validate: function( decimals ) {
-				return ( +decimals || 0 ) >= 0 && ( +decimals || 0 ) < ( +$( '#node-input-digits' ).val() || this.digits );
+				return ( +decimals || 0 ) >= 0 && ( +decimals || 0 ) < ( +$( '#node-input-digits' ).val() || +this.digits );
 			} }
 		},
 		label: function() {
@@ -49,22 +49,28 @@
 	<div class="form-row" id="template-row-group">
 		<label><i class="fa fa-fw fa-table"></i> Group</label>
 		<input type="text" id="node-input-group" />
+	</div>
+	<div class="form-row" id="template-row-size">
+		<label><i class="fa fa-fw fa-object-group"></i> Size</label>
+		<input type="hidden" id="node-input-width" />
+		<input type="hidden" id="node-input-height" />
+		<button id="node-input-size" class="editor-button"></button>
 	 </div>
-	 <div class="form-row" id="template-row-size">
-		 <label><i class="fa fa-fw fa-object-group"></i> Size</label>
-		 <input type="hidden" id="node-input-width" />
-		 <input type="hidden" id="node-input-height" />
-		 <button id="node-input-size" class="editor-button"></button>
-	 </div>
-	 <br />
-	 <div class="form-row">
+	<br />
+	<div class="form-row">
 		<label for="node-input-digits">Digits</label>
 		<input type="number" id="node-input-digits" min="1" max="10" style="width: 35%;" />
 	</div>
 	<div class="form-row">
 		<label for="node-input-decimals">Decimals</label>
 		<input type="number" id="node-input-decimals" min="0" max="9" style="width: 35%;" />
 	</div>
+	<br />
+	<div class="form-tips" style="text-align: justify;">
+		The <b>Size</b> parameter determines the size the widget will take on the dashboard. By
+		adding additional <b>Digits</b>, even if they are not needed to display the value at all,
+		the height of the displayed value can also be influenced.
+	</div>
 </script>
 
 <script type="text/html" data-help-name="ui_digital_display">
@@ -73,11 +79,19 @@
 	</p>
 	<br />
 	<p style="text-align: center;">
-		<img alt="ui_digital_display" src="data:image/png;base64,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" />
+		<img alt="ui_digital_display" src="data:image/png;base64,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" />
 	</p>
 	<br />
 	<p style="text-align: justify;">
-		The time to be displayed is transferred as timestamp (milliseconds since 01.01.1970) in
-		<code>msg.payload</code>. The local time is displayed in the dashboard.
+		The value to be displayed is transferred to the display via <code>msg.payload</code>, which
+		may be of type Number or String.
+	</p>
+	<p style="text-align: justify;">
+		The <b>Digits</b> parameter determines the maximum number of digits that can be displayed.
+		Unused digits are not visible. Currently, a maximum of 10 digits is possible.
+	</p>
+	<p style="text-align: justify;">
+		<b>Decimals</b> can be used to determine the number of decimal places. This value must be
+		smaller than <b>Digits</b>.
 	</p>
 </script>