I wanted a clean bookmark page for my internal webpages that also verifies if the pages are reachable (ie. servers are running). This flow will produce a responsive endpoint on http://<node-red-host:port>/bookmarks that looks good on any device (or at least during my testing). Indicators: green rea…

Interesting. I wonder if you considered using uibuilder rather than building the endpoints and websockets yourself? I've not reviewed the flow in detail yet - I will - but I suspect that it would have been a bit slimmer with uibuilder. You could also have chosen to load the front-end libraries local…

I wonder if you considered using uibuilder rather than building the endpoints and websockets yourself I did not. This is a drop-in flow, works without depencies (other than the cdn), nothing to install. but I suspect that it would have been a bit slimmer with uibuilder. Maybe from 8 to 4 node…

[image] bakman2: Note that the uibuilder vue3 example uses a cdn as well. Only because more people have Vue v2 installed already. I think it also contains the local version commented out. Again, not a criticism, only an observation. [image] bakman2: The way I develop little things like t…

Why does my topic need to be hijacked by another uibuilder marketing campaign ? I am really not interested.

Indeed. This is the “share you projects” category. It is not intended to be a discussion.

Fine. Thought it might be interesting to see contrasting ideas but clearly not. Moved to another thread.

Excellent! This is now [one of] my browser's home page. Thanks for sharing it. :grinning: A question: Is it possible to force a new row in the output to group related bookmarks together? Like this: [Untitled 3]

Thanks :slight_smile: Yes this should be possible, I will try to keep it in a way where you can specify the group name in the yaml like; - title: Proxmox address: 10.0.0.99 verify: ping group: connectivity and then it will render the title (because if you have more than 5 links you will get…

I have simplified the flow and the setup of the yaml is a bit different, but hopefully a bit more flexible: [image] The yaml setup: - group: connectivity links: - title: router address: https://10.0.0.1 - title: unifi address: https://10.0.0.180:8443 verify: http - group: hom…

Brilliant - thanks for sharing your flow.

Node-RED

Node-RED Forum

Bookmark page with reachability verification

Share Your Projects

Topic		Replies	Views
Web endpoint status dashboard - uibuilder zero-code example Share Your Projects uibuilder	1	390	26 February 2023
Device overview dashboard2 General dashboard-2 , uibuilder	2	103	29 October 2024
New info page for my home dashboard Share Your Projects uibuilder	15	423	6 July 2025
Create web page dynamically, depending on clients HTTP request General	18	379	10 March 2023
Open link to execute flow Dashboard	15	268	24 June 2024

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Bookmark page with reachability verification

Related topics