nodered-222.andyiot.ddns.net
Open in
urlscan Pro
74.116.112.58
Public Scan
URL:
https://nodered-222.andyiot.ddns.net/
Submission: On December 27 via api from US — Scanned from CA
Submission: On December 27 via api from US — Scanned from CA
Form analysis 7 forms found in the DOM
<form class="red-ui-searchBox-form"><input type="text" data-i18n="[placeholder]palette.filter" class="red-ui-searchBox-input" placeholder="filter nodes"></form><form class="red-ui-searchBox-form"><input type="text" data-i18n="[placeholder]menu.label.search" class="red-ui-searchBox-input" placeholder="Search flows"></form><form class="red-ui-searchBox-form"><input type="text" data-i18n="[placeholder]sidebar.help.search" class="red-ui-searchBox-input" placeholder="Search help"></form><form class="dialog-form">
<div class="red-ui-tabs">
<ul id="dashboard-tabs-list">
<li class="red-ui-tab active" style="width:70px;"><a class="red-ui-tab-label" title="Layout"><span>Layout</span></a></li>
<li class="red-ui-tab" style="width:70px;"><a class="red-ui-tab-label" title="Site" style="width:60px;"><span>Site</span></a></li>
<li class="red-ui-tab" style="width:70px;"><a class="red-ui-tab-label" title="Theme" style="width:80px;"><span>Theme</span></a></li>
<li class="red-ui-tab" style="width:70px;"><a class="red-ui-tab-label" title="Angular" style="width:80px;"><span>Angular</span></a></li><span id="dash-link-button" class="editor-button"
style="position:absolute; right:0px;"><i class="fa fa-external-link"></i></span>
</ul>
</div>
<div id="dashboard-layout" style="height:calc(100% - 48px)">
<div class="form-row" style="position:relative"><label><b>Tabs & Links</b></label>
<div class="nr-db-sb-list-button-group">
<a href="#" class="editor-button editor-button-small nr-db-sb-list-header-button"><i class="fa fa-angle-double-up"></i></a><a href="#" class="editor-button editor-button-small nr-db-sb-list-header-button"><i class="fa fa-angle-double-down"></i></a><a href="#" class="editor-button editor-button-small nr-db-sb-list-header-button"><i class="fa fa-plus"></i> tab</a><a href="#" class="editor-button editor-button-small nr-db-sb-list-header-button"><i class="fa fa-plus"></i> link</a>
</div>
<div class="red-ui-editableList">
<div class="red-ui-editableList-border red-ui-editableList-container" style="overflow-y: auto;">
<ol class="nr-db-sb-tab-list red-ui-editableList-list ui-sortable" style="min-height: 0px; height: auto;"></ol>
</div>
</div>
</div>
<div class="form-row"><span><i class="fa fa-info-circle"></i> There <span id="nr-db-missing-group-count"></span> not in a group. Click <a id="nr-db-add-missing-groups" href="#">here</a> to create the missing groups</span></div>
</div>
<div id="dashboard-site" style="display:none;">
<div class="form-row compact">
<div><b>Title</b></div><input type="text" id="nr-db-field-title" style="width: 100%;">
</div>
<div class="form-row compact">
<div><b>Options</b></div><select id="nr-db-field-hideToolbar" style="width: 100%;">
<option value="false" selected="selected">Show the title bar</option>
<option value="true">Hide the title bar</option>
</select>
</div>
<div class="form-row compact"><select id="nr-db-field-lockMenu" style="width: 100%;">
<option value="false" selected="selected">Click to show side menu</option>
<option value="true">Always show side menu</option>
<option value="icon">Always show icons only</option>
</select></div>
<div class="form-row compact"><select id="nr-db-field-allowSwipe" style="width: 100%;">
<option value="false" selected="selected">No swipe between tabs</option>
<option value="true">Allow swipe between tabs</option>
<option value="mouse">Allow swipe (+mouse) between tabs</option>
<option value="menu">Swipe to open/close menu</option>
</select></div>
<div class="form-row compact"><select id="nr-db-field-allowTempTheme" style="width: 100%;">
<option value="true" selected="selected">Node-RED theme everywhere</option>
<option value="false">Use Angular theme in ui_template</option>
<option value="none">Angular theme everywhere</option>
</select></div>
<div class="form-row">
<div style="width: 80%; display: inline-block;"><b>Date Format</b></div>
<div style="display: inline-block; margin-right: 6px; float: right;"><a href="https://momentjs.com/docs/#/displaying/format/" target="_new"><i class="fa fa-info-circle" style="color:var(--red-ui-secondary-text-color, grey);"></i></a></div>
<input type="text" id="nr-db-field-dateFormat" style="width: 100%;">
</div>
<div class="form-row"><span style="width:45%; display:inline-block"><b>Sizes</b></span><span style="width:25%; display:inline-block; font-size:smaller">Horizontal</span><span
style="width:20%; display:inline-block; font-size:smaller">Vertical</span><i id="sizes-reset" class="fa fa-undo nr-db-resetIcon" style="opacity: 1;"></i><br><span style="width:45%; display:inline-block">1x1 Widget Size</span><input
type="number" name="sx" min="24" id="nr-db-field-sx" style="width: 20%;"><span style="width:5%; display:inline-block"> </span><input type="number" name="sy" min="24" id="nr-db-field-sy" style="width: 20%;"><br><span
style="width:45%; display:inline-block">Widget Spacing</span><input type="number" name="cx" min="0" id="nr-db-field-cx" style="width: 20%;"><span style="width:5%; display:inline-block"> </span><input type="number" name="cy" min="0"
id="nr-db-field-cy" style="width: 20%;"><br><span style="width:45%; display:inline-block">Group Padding</span><input type="number" name="px" min="0" id="nr-db-field-px" style="width: 20%;"><span style="width:5%; display:inline-block">
</span><input type="number" name="py" min="0" id="nr-db-field-py" style="width: 20%;"><br><span style="width:45%; display:inline-block">Group Spacing</span><input type="number" name="gx" min="0" id="nr-db-field-gx" style="width: 20%;"><span
style="width:5%; display:inline-block"> </span><input type="number" name="gy" min="0" id="nr-db-field-gy" style="width: 20%;"></div>
</div>
<div id="dashboard-theme" style="display:none;">
<div class="form-row"><label class="nr-db-theme-label">Style</label><select id="nr-db-field-theme" style="width: 100%;">
<option value="theme-light">Light (default)</option>
<option value="theme-dark">Dark</option>
<option value="theme-custom">Custom</option>
</select></div>
<div id="custom-theme-library-container"><label class="nr-db-theme-label">Custom Profile</label><input type="text" id="ui-sidebar-name" style="vertical-align:top;" placeholder="profile name (not blank)"><input type="hidden"
id="nr-db-field-format">
<div style="display:none;" class="node-text-editor" id="nr-db-field-format-editor"></div>
</div>
<div id="base-theme-settings">
<div class="form-row"><label class="nr-db-theme-label">Base Settings</label>
<ul id="base-settings-ul" class="red-ui-dashboard-theme-styles">
<li class="red-ui-dashboard-theme-item"><span>Colour</span><span class="nr-db-color-pick-container"><input id="base-color" class="nr-db-field-themeColor" type="color" value="#ffffff"></span></li>
<li class="red-ui-dashboard-theme-item"><span>Font</span><select id="nr-db-field-font">
<option value="-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif"
style="font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif">System Font (default)</option>
<option value="Arial,Arial,Helvetica,sans-serif" style="font-family:Arial,Arial,Helvetica,sans-serif">Arial</option>
<option value="Arial Black,Arial Black,Gadget,sans-serif" style="font-family:Arial Black,Arial Black,Gadget,sans-serif">Arial Black</option>
<option value="Arial Narrow,Nimbus Sans L,sans-serif" style="font-family:Arial Narrow,Nimbus Sans L,sans-serif">Arial Narrow</option>
<option value="Century Gothic,CenturyGothic,AppleGothic,sans-serif" style="font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif">Century Gothic</option>
<option value="Copperplate,Copperplate Gothic Light,fantasy" style="font-family:Copperplate,Copperplate Gothic Light,fantasy;">Copperplate</option>
<option value="Courier,monospace" style="font-family:Courier,monospace;">Courier</option>
<option value="Georgia,Georgia,serif" style="font-family:Georgia,Georgia,serif">Georgia</option>
<option value="Gill Sans,Geneva,sans-serif" style="font-family:Gill Sans,Geneva,sans-serif;">Gill Sans</option>
<option value="Impact,Impact,Charcoal,sans-serif" style="font-family:Impact,Impact,Charcoal,sans-serif">Impact</option>
<option value="Lucida Sans Typewriter,Lucida Console,Monaco,monospace" style="font-family:Lucida Console,Monaco,monospace">Lucida Console</option>
<option value="Lucida Sans Unicode,Lucida Grande,sans-serif" style="font-family:Lucida Sans Unicode,Lucida Grande,sans-serif">Lucida Sans</option>
<option value="Palatino Linotype,Palatino,Book Antiqua,serif" style="font-family:Palatino Linotype,Palatino,Book Antiqua,serif">Palatino Linotype</option>
<option value="Tahoma,Geneva,sans-serif" style="font-family:Tahoma,Geneva,sans-serif">Tahoma</option>
<option value="Times New Roman,Times,serif" style="font-family:Times New Roman,Times,serif">Times New Roman</option>
<option value="Trebuchet MS,Helvetica,sans-serif" style="font-family:Trebuchet MS,Helvetica,sans-serif">Trebuchet MS</option>
<option value="Verdana,Verdana,Geneva,sans-serif" style="font-family:Verdana,Verdana,Geneva,sans-serif">Verdana</option>
</select></li>
</ul>
</div>
</div>
<div id="custom-theme-settings">
<div class="form-row"><label class="nr-db-theme-label">Page Settings</label></div>
<ul class="red-ui-dashboard-theme-styles">
<li class="red-ui-dashboard-theme-item"><span>Title Bar Background</span><span class="nr-db-color-pick-container"><input id="page-titlebar-backgroundColor" class="nr-db-field-themeColor" type="color"
value="#ffffff"></span><i id="page-titlebar-backgroundColor-reset" class="fa fa-undo nr-db-resetIcon" style="opacity: 0.2;"></i></li>
<li class="red-ui-dashboard-theme-item"><span>Page Background</span><span class="nr-db-color-pick-container"><input id="page-backgroundColor" class="nr-db-field-themeColor" type="color"
value="#ffffff"></span><i id="page-backgroundColor-reset" class="fa fa-undo nr-db-resetIcon" style="opacity: 0.2;"></i></li>
<li class="red-ui-dashboard-theme-item"><span>Side Bar Background</span><span class="nr-db-color-pick-container"><input id="page-sidebar-backgroundColor" class="nr-db-field-themeColor" type="color"
value="#ffffff"></span><i id="page-sidebar-backgroundColor-reset" class="fa fa-undo nr-db-resetIcon" style="opacity: 0.2;"></i></li>
</ul>
<div class="form-row"><label class="nr-db-theme-label">Group Settings</label></div>
<ul class="red-ui-dashboard-theme-styles">
<li class="red-ui-dashboard-theme-item"><span>Group Text</span><span class="nr-db-color-pick-container"><input id="group-textColor" class="nr-db-field-themeColor" type="color"
value="#ffffff"></span><i id="group-textColor-reset" class="fa fa-undo nr-db-resetIcon" style="opacity: 0.2;"></i></li>
<li class="red-ui-dashboard-theme-item"><span>Group Border</span><span class="nr-db-color-pick-container"><input id="group-borderColor" class="nr-db-field-themeColor" type="color"
value="#ffffff"></span><i id="group-borderColor-reset" class="fa fa-undo nr-db-resetIcon" style="opacity: 0.2;"></i></li>
<li class="red-ui-dashboard-theme-item"><span>Group Background</span><span class="nr-db-color-pick-container"><input id="group-backgroundColor" class="nr-db-field-themeColor" type="color"
value="#ffffff"></span><i id="group-backgroundColor-reset" class="fa fa-undo nr-db-resetIcon" style="opacity: 0.2;"></i></li>
</ul>
<div class="form-row"><label class="nr-db-theme-label">Widget Settings</label></div>
<ul class="red-ui-dashboard-theme-styles">
<li class="red-ui-dashboard-theme-item"><span>Widget Text</span><span class="nr-db-color-pick-container"><input id="widget-textColor" class="nr-db-field-themeColor" type="color"
value="#ffffff"></span><i id="widget-textColor-reset" class="fa fa-undo nr-db-resetIcon" style="opacity: 0.2;"></i></li>
<li class="red-ui-dashboard-theme-item"><span>Widget Colour</span><span class="nr-db-color-pick-container"><input id="widget-backgroundColor" class="nr-db-field-themeColor" type="color"
value="#ffffff"></span><i id="widget-backgroundColor-reset" class="fa fa-undo nr-db-resetIcon" style="opacity: 0.2;"></i></li>
<li class="red-ui-dashboard-theme-item"><span>Widget Background</span><span class="nr-db-color-pick-container"><input id="widget-borderColor" class="nr-db-field-themeColor" type="color"
value="#ffffff"></span><i id="widget-borderColor-reset" class="fa fa-undo nr-db-resetIcon" style="opacity: 0.2;"></i></li>
</ul>
</div>
</div>
<div id="dashboard-angular" style="display:none;">
<div class="form-row"><span style="width:45%; display:inline-block"><b>Primary</b></span><i id="ang-reset" class="fa fa-undo nr-db-resetIcon" style="opacity: 1;"></i><select id="nr-db-field-angPrimary" style="width: 100%;">
<option value="red">red</option>
<option value="pink">pink</option>
<option value="purple">purple</option>
<option value="deep-purple">deep-purple</option>
<option value="indigo">indigo</option>
<option value="blue">blue</option>
<option value="light-blue">light-blue</option>
<option value="cyan">cyan</option>
<option value="teal">teal</option>
<option value="green">green</option>
<option value="light-green">light-green</option>
<option value="lime">lime</option>
<option value="yellow">yellow</option>
<option value="amber">amber</option>
<option value="orange">orange</option>
<option value="deep-orange">deep-orange</option>
<option value="brown">brown</option>
<option value="grey">grey</option>
<option value="blue-grey">blue-grey</option>
</select></div>
<div class="form-row"><span style="width:45%; display:inline-block"><b>Accents</b></span><i id="ang-reset" class="fa fa-undo nr-db-resetIcon" style="opacity: 1;"></i><select id="nr-db-field-angAccents" style="width: 100%;">
<option value="red">red</option>
<option value="pink">pink</option>
<option value="purple">purple</option>
<option value="deep-purple">deep-purple</option>
<option value="indigo">indigo</option>
<option value="blue">blue</option>
<option value="light-blue">light-blue</option>
<option value="cyan">cyan</option>
<option value="teal">teal</option>
<option value="green">green</option>
<option value="light-green">light-green</option>
<option value="lime">lime</option>
<option value="yellow">yellow</option>
<option value="amber">amber</option>
<option value="orange">orange</option>
<option value="deep-orange">deep-orange</option>
<option value="brown">brown</option>
<option value="grey">grey</option>
<option value="blue-grey">blue-grey</option>
</select></div>
<div class="form-row"><span style="width:45%; display:inline-block"><b>Warnings</b></span><i id="ang-reset" class="fa fa-undo nr-db-resetIcon" style="opacity: 1;"></i><select id="nr-db-field-angWarn" style="width: 100%;">
<option value="red">red</option>
<option value="pink">pink</option>
<option value="purple">purple</option>
<option value="deep-purple">deep-purple</option>
<option value="indigo">indigo</option>
<option value="blue">blue</option>
<option value="light-blue">light-blue</option>
<option value="cyan">cyan</option>
<option value="teal">teal</option>
<option value="green">green</option>
<option value="light-green">light-green</option>
<option value="lime">lime</option>
<option value="yellow">yellow</option>
<option value="amber">amber</option>
<option value="orange">orange</option>
<option value="deep-orange">deep-orange</option>
<option value="brown">brown</option>
<option value="grey">grey</option>
<option value="blue-grey">blue-grey</option>
</select></div>
<div class="form-row"><span style="width:45%; display:inline-block"><b>Background</b></span><i id="ang-reset" class="fa fa-undo nr-db-resetIcon" style="opacity: 1;"></i><select id="nr-db-field-angBackground" style="width: 100%;">
<option value="red">red</option>
<option value="pink">pink</option>
<option value="purple">purple</option>
<option value="deep-purple">deep-purple</option>
<option value="indigo">indigo</option>
<option value="blue">blue</option>
<option value="light-blue">light-blue</option>
<option value="cyan">cyan</option>
<option value="teal">teal</option>
<option value="green">green</option>
<option value="light-green">light-green</option>
<option value="lime">lime</option>
<option value="yellow">yellow</option>
<option value="amber">amber</option>
<option value="orange">orange</option>
<option value="deep-orange">deep-orange</option>
<option value="brown">brown</option>
<option value="grey">grey</option>
<option value="blue-grey">blue-grey</option>
</select></div>
<div class="form-row"><span style="width:45%; display:inline-block"><b>Light / Dark</b></span><select id="nr-db-field-angLook" style="width: 100%;">
<option value="light">Light (default)</option>
<option value="dark">Dark</option>
</select></div>
</div>
</form><form class="form-horizontal">
<div class="red-ui-library-dialog-box" style="height: 400px; position:relative; ">
<div id="red-ui-library-dialog-save-browser">
<div class="red-ui-library-browser">
<div class="red-ui-treeList" tabindex="0" style="width: 100%; height: 100%;">
<div class="red-ui-treeList-container">
<div class="red-ui-editableList" style="inset: 0px; position: absolute;">
<div class="red-ui-editableList-border red-ui-editableList-container" style="inset: 0px; position: absolute; max-height: none; overflow-y: auto;">
<ol class="red-ui-treeList-list red-ui-editableList-list" style="position: static; inset: auto; height: auto;"></ol>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form-row"><label data-i18n="clipboard.export.exportAs">Export as</label><input id="red-ui-library-dialog-save-filename" type="text"></div>
</div>
</form><form class="form-horizontal">
<div class="red-ui-library-dialog-box" style="height: 400px; position:relative; ">
<div id="red-ui-library-dialog-load-panes" class="red-ui-panels red-ui-panels-horizontal">
<div class="red-ui-panel" id="red-ui-library-dialog-load-browser">
<div class="red-ui-library-browser">
<div class="red-ui-treeList" tabindex="0" style="width: 100%; height: 100%;">
<div class="red-ui-treeList-container">
<div class="red-ui-editableList" style="inset: 0px; position: absolute;">
<div class="red-ui-editableList-border red-ui-editableList-container" style="inset: 0px; position: absolute; max-height: none; overflow-y: auto;">
<ol class="red-ui-treeList-list red-ui-editableList-list" style="position: static; inset: auto; height: auto;"></ol>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="red-ui-panels-separator ui-draggable ui-draggable-handle" style="position: relative;"></div>
<div class="red-ui-panel">
<div id="red-ui-library-dialog-load-preview" class="red-ui-panels">
<div class="red-ui-panel" id="red-ui-library-dialog-load-preview-text" style="position:relative; height: 50%; overflow-y: hidden;"></div>
<div class="red-ui-panels-separator ui-draggable ui-draggable-handle" style="position: relative;"></div>
<div class="red-ui-panel" id="red-ui-library-dialog-load-preview-details">
<table id="red-ui-library-dialog-load-preview-details-table" class="red-ui-info-table"></table>
</div>
</div>
</div>
</div>
</div>
</form><form class="dialog-form form-horizontal"></form>Text Content
Node-RED
* Deploy
* FullDeploys everything in the workspace
* Modified FlowsOnly deploys flows that contain changed nodes
* Modified NodesOnly deploys nodes that have changed
*
* Restart FlowsRestarts the current deployed flows
*
* * Edit
* Undoctrl-z
* Redoctrl-y
*
* Cut selected nodesctrl-x
* Copy selected nodesctrl-c
* Paste nodesctrl-v
*
* Copy group stylectrl-⇧c
* Paste group stylectrl-⇧v
*
* Select allctrl-a
* Select connectedalt-s c
* Select noneescape
*
* Split selection with Link nodesalt-l l
* View
* Show palettectrl-p
* Show sidebarctrl-space
* Event logctrl-⇧l
* Action listctrl-⇧p
*
* Debug messages
* Dashboard
* Arrange
* Align to leftalt-a l
* Align to centeralt-a c
* Align to rightalt-a r
*
* Align to topalt-a t
* Align to middlealt-a m
* Align to bottomalt-a b
*
* Distribute horizontallyalt-a h
* Distribute verticallyalt-a v
*
* Move to back
* Move to front
* Move backwards
* Move forwards
*
* Importctrl-i
* Exportctrl-e
*
* Search flowsctrl-f
*
* Configuration nodesctrl-g c
* Flows
* Add
* Edit
* Delete
* Subflows
* Create Subflow
* Selection to Subflow
* Groups
* Group selectionctrl-⇧g
* Ungroup selectionctrl-⇧u
*
* Merge selection
* Remove from group
*
* Manage palettealt-⇧p
*
* Settingsctrl-,
*
* Keyboard shortcuts⇧?
* Node-RED website
* v4.0.8
* Flow 1
WARNING: please check you have started this container with a volume that is
mounted to /dataotherwise any flow changes are lost when you redeploy or upgrade
the container(e.g. upgrade to a more recent node-red docker image).If you are
using named volumes you can ignore this warning.Double click or see info side
panel to learn how to start Node-RED in Docker to save your work
? of ?
subflows
common
inject
debug
complete
catch
status
link in
link call
link out
comment
function
function
switch
change
range
template
delay
trigger
exec
filter
network
mqtt in
mqtt out
http in
http response
http request
websocket in
websocket
out
tcp in
tcp out
tcp request
udp in
udp out
input
output
sequence
split
join
sort
batch
parser
csv
html
json
xml
yaml
storage
write file
read file
watch
analysis
social
advanced
dashboard
button
dropdown
switch
slider
numeric
text input
date picker
colour picker
form
text
gauge
chart
audio out
notification
ui control
template
* info
* help
* debug
* config
* context
* dashboard
1. Flows
1. Flow 1
2. Subflows
1. empty
3. Global Configuration Nodes
1. empty
Flow 1
Flow"f6f2187d.f17ca8"
Hold down ctrl when you click on a node port to enable quick-wiring
1. Node-RED
1. Change Log
2. Welcome Tours
1. 4.0
2. 3.1
3. 3.0
4. 2.2
5. 2.1
2. Node Help
1. node-red
1. batch
2. catch
3. change
4. comment
5. complete
6. csv
7. debug
8. delay
9. exec
10. write file
11. read file
12. function
13. global-config
14. html
15. http in
16. http proxy
17. http request
18. http response
19. inject
20. join
21. json
22. link call
23. link in
24. link out
25. mqtt in
26. mqtt out
27. mqtt-broker
28. range
29. filter
30. sort
31. split
32. status
33. switch
34. tcp in
35. tcp out
36. tcp request
37. template
38. tls-config
39. trigger
40. udp in
41. udp out
42. unknown
43. watch
44. websocket in
45. websocket out
46. websocket-client
47. websocket-listener
48. xml
49. yaml
2. node-red-dashboard
1. audio out
2. Dashboard
3. button
4. chart
5. colour picker
6. date picker
7. dropdown
8. form
9. gauge
10. dashboard group
11. link
12. numeric
13. slider
14. spacer
15. switch
16. dashboard tab
17. template
18. text
19. text input
20. notification
21. ui control
No help topic selected
allunused
On all flows
* none
Flow 1
* none
Node
none selected
Flow
refresh to load
Global
refresh to load
all nodes all
select allselect none
* Layout
* Site
* Theme
* Angular
Tabs & Links
tab link
There not in a group. Click here to create the missing groups
Title
Options
Show the title barHide the title bar
Click to show side menuAlways show side menuAlways show icons only
No swipe between tabsAllow swipe between tabsAllow swipe (+mouse) between
tabsSwipe to open/close menu
Node-RED theme everywhereUse Angular theme in ui_templateAngular theme
everywhere
Date Format
SizesHorizontalVertical
1x1 Widget Size
Widget Spacing
Group Padding
Group Spacing
StyleLight (default)DarkCustom
Custom Profile
Base Settings
* Colour
* FontSystem Font (default)ArialArial BlackArial NarrowCentury
GothicCopperplateCourierGeorgiaGill SansImpactLucida ConsoleLucida
SansPalatino LinotypeTahomaTimes New RomanTrebuchet MSVerdana
Page Settings
* Title Bar Background
* Page Background
* Side Bar Background
Group Settings
* Group Text
* Group Border
* Group Background
Widget Settings
* Widget Text
* Widget Colour
* Widget Background
Primaryredpinkpurpledeep-purpleindigobluelight-bluecyantealgreenlight-greenlimeyellowamberorangedeep-orangebrowngreyblue-grey
Accentsredpinkpurpledeep-purpleindigobluelight-bluecyantealgreenlight-greenlimeyellowamberorangedeep-orangebrowngreyblue-grey
Warningsredpinkpurpledeep-purpleindigobluelight-bluecyantealgreenlight-greenlimeyellowamberorangedeep-orangebrowngreyblue-grey
Backgroundredpinkpurpledeep-purpleindigobluelight-bluecyantealgreenlight-greenlimeyellowamberorangedeep-orangebrowngreyblue-grey
Light / DarkLight (default)Dark
Drop the flow here
Drop the image here
ui controlDouble click or see info side panel to learn how to start Node-RED in
Docker to save your work
Save to Library... Close
Export as
CancelSave
Close
CancelLoad
* Configuration nodes
* Unused configuration nodes
* Modified nodes and flows
* Invalid nodes
* Unknown nodes
* Unused subflows
* Hidden flows
* Current flow
Close
CancelDownloadCopy to clipboardImportImport selected