Editor UI

Explanation of the tekos flow interface

For now you can go to the node-red official documentation. https://nodered.org/docs/user-guide/editor/workspace/

Tekos Flow Builder Interace

We can split flow editor view to 4 areas

• Pallet on the left hand side – Inside the pallet you can find list of all installed nodes that you can use to create your flows. To get more nodes you can download them via “menage pallet” option in the header main menu.

• Main Workspace in the middle – this is where you create your flows it provides a larga canvas where you drag your nodes from the pallet and start wiring them together. The workspace can be split to multiple tabs to help organize your flows. Clicking the flow list panel at the top right corner of workspace, bring up the search dialog, pre-filter your flows making easy to jump between flows when you have more tabs than fit on your screen.

• Header with deploy button and main menu – The deploy button is what you click to take your current flow configuration and send it to node red runtime. It provides set of options for the type of deploy it does. Other important item in the header is the menu this gives you more direct access to many features of node red including import/export of flows, search, flow and subflow management and managing your pallet nodes and your user settings.

• Sidebar on the right – This provides number of tabs with different tools in it, some of those tabs are provided by node itself, some are added by modules you might have installed. The core set of tabs are:

  • a) Information tab which shows information's about current selected node, how they are configured, their help in documentation.

  • b) The debug tab shows messages that have been passed to debug nodes as of-there’s any warning or error leveled lock messages.

  • c) The configuration nodes tab shows the configuration nodes that you have in your flow.

  • d) Context data tab shows the contents of context organized by node flow and global scopes.

Video tutorial from node-red