# 🌐 UIBUILDER New Release, v7.7.4 - New features and bug fixes (+ extra bugfixes)

**URL:** <https://discourse.nodered.org/t/uibuilder-new-release-v7-7-4-new-features-and-bug-fixes-extra-bugfixes/101164>\
**Category:** Share Your Nodes\
**Tags:** uibuilder\
**Created:** [31 May 2026 16:58 UTC](https://discourse.nodered.org/t/uibuilder-new-release-v7-7-4-new-features-and-bug-fixes-extra-bugfixes/101164 "2026-05-31T16:58:08Z")\
**Posts on this page:** 1\
**Showing post:** 12

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [5 June 2026 20:05 UTC](https://discourse.nodered.org/t/uibuilder-new-release-v7-7-4-new-features-and-bug-fixes-extra-bugfixes/101164/12 "2026-06-05T20:05:08Z")

</div>

And another bug fix I'm afraid. v7.7.2:

[Code commits since last release](https://github.com/TotallyInformation/node-red-contrib-uibuilder/compare/v7.7.1...v7.7.2).

(Mostly) A bug fix release.

### New features

- A new `--syntax-highlight-height` CSS variable has been added to allow the maximum height of syntax-highlighted blocks to be set. If the content exceeds this height, it becomes scrollable. This is useful for preventing very large blocks of content from taking up too much space on the page. The default value is `22em`, but you can set it to whatever you like in your CSS. You can check out its use on the Variables page in the Markweb demo where the height is reduced to `9em`.

- For Markweb:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/4/a4f26efd53e5698d10d8caef44e93ccbc509b046.png)

### Bug fixes & tweaks

- When the runtime plugin is loaded by Node-RED, the `uibRoot` folder should be in 1 of 3 possible places. An overridden location (`uibuilder.uibRoot` in `settings.js` if provided), `<userDir>/<uib.moduleName>` (e.g. commonly `~/.node-red/uibuilder`), or `<userDir>/projects/<currProject>/<uib.moduleName>` if Node-RED projects are being used. The last of these was not working correctly. This is now fixed. In addition, the logic for determining the `uibRoot` location has been tidied up and made more robust. [Reference](https://discourse.nodered.org/t/uibuilder-new-release-v7-7-1-new-features-and-bug-fixes-extra-bugfix/101164/7).

- Markweb:

---

_[View the full topic](https://discourse.nodered.org/t/uibuilder-new-release-v7-7-4-new-features-and-bug-fixes-extra-bugfixes/101164)._