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	394	26 February 2023
Device overview dashboard2 General dashboard-2 , uibuilder	1	110	31 July 2024
New info page for my home dashboard Share Your Projects uibuilder	15	433	6 July 2025
Create web page dynamically, depending on clients HTTP request General	17	402	9 January 2023
Open link to execute flow Dashboard	14	303	25 May 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