mirror of
https://github.com/node-red/node-red.git
synced 2023-10-10 13:36:53 +02:00
Indent range node UI more in style with other nodes.
This commit is contained in:
parent
426453d925
commit
a03861cb6d
@ -16,30 +16,28 @@
|
||||
|
||||
<script type="text/x-red" data-template-name="range">
|
||||
<div class="form-row">
|
||||
<select id="node-input-action" style="width:90%; margin-right:5px;">
|
||||
<label for="node-input-action"><i class="fa fa-dot-circle-o"></i> Action</label>
|
||||
<select id="node-input-action" style="width:70%; margin-right:5px;">
|
||||
<option value="scale">Scale msg.payload</option>
|
||||
<option value="clamp">Scale and limit to the target range</option>
|
||||
<option value="roll">Scale and wrap within the target range</option>
|
||||
</select>
|
||||
</div>
|
||||
<br/>
|
||||
<div class="form-row">
|
||||
Map from the range:
|
||||
</div>
|
||||
<div class="form-row">
|
||||
from: <input type="text" id="node-input-minin" placeholder="e.g. 0" style="width:100px;"/>
|
||||
<div class="form-row"><i class="fa fa-sign-in"></i> Map the input range:</div>
|
||||
<div class="form-row"><label></label>
|
||||
from: <input type="text" id="node-input-minin" placeholder="e.g. 0" style="width:100px;"/>
|
||||
to: <input type="text" id="node-input-maxin" placeholder="e.g. 99" style="width:100px;"/>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
to the result range:
|
||||
</div>
|
||||
<div class="form-row">
|
||||
from: <input type="text" id="node-input-minout" placeholder="e.g. 0" style="width:100px;"/>
|
||||
<div class="form-row"><i class="fa fa-sign-out"></i> to the result range:</div>
|
||||
<div class="form-row"><label></label>
|
||||
from: <input type="text" id="node-input-minout" placeholder="e.g. 0" style="width:100px;"/>
|
||||
to: <input type="text" id="node-input-maxout" placeholder="e.g. 255" style="width:100px;"/>
|
||||
</div>
|
||||
<br/>
|
||||
<div class="form-row">
|
||||
<input type="checkbox" id="node-input-round" style="display: inline-block; width: auto; vertical-align: top;"> <label style="width: auto;" for="node-input-round">Round to nearest integer?</label></input>
|
||||
<div class="form-row"><label></label>
|
||||
<input type="checkbox" id="node-input-round" style="display: inline-block; width: auto; vertical-align: top;">
|
||||
<label style="width: auto;" for="node-input-round">Round result to the nearest integer?</label></input>
|
||||
</div>
|
||||
<br/>
|
||||
<div class="form-row">
|
||||
|
Loading…
Reference in New Issue
Block a user