node-red-contrib-uibuilder
Version:
Easily create data-driven web UI's for Node-RED. Single- & Multi-page. Multiple UI's. Work with existing web development workflows or mix and match with no-code/low-code features.
23 lines (15 loc) • 1.38 kB
Markdown
---
title: uib-update - Update the attributes, properties or slot content of an existing element
description: |
Zero-code UI updates from Node-RED flows.
created: 2023-02-05 16:31:39
lastUpdated: 2023-11-14 20:24:30
updated: 2023-12-30 17:01:41
---
Outputs msg._ui low-code config data that the uibuilder client library can turn into full HTML. (Same format as the `uib-element` node)
Can also delete (remove) existing elements. Note that in delete mode, this node will remove **ALL** element specified by the CSS Selector. e.g. if you specify a selector of "li", every list entry from every list on the page will be deleted. Use with caution.
In update mode (the default), any combination of attributes (e.g. class, style, etc) and inner content (the so-called "slot" content) can be updated. Slot content can be text, HTML or (if the `markdown-it` library is loaded) Markdown.
The "Content Source" replaces the _slot_, the content between the opening and closing tag that was selected by the *CSS Selector*. HTML text is allowed (and even Markdown if you've loaded the front-end Markdown-IT library).
The Attribs are a JS object with attribute names as the keys and the values as the values. They can be dynamic as well as static of course.
