[image] Is that possible to bring sidebar panel like this in the dashboard 2.o I want to customize the sidebar panel like above image.

[image] Contextmenu location Developing Nodes In fact, this is @BartButenaers & @Steve-Mcl's contextmenu node, as used in my dashboard. The dashboard size is deigned for my phone in landscape, and the menu works great there too! The changes made by @dceejay have made it now that the menu popup always appears in the same location, regardless of the browser. Also, really liking @hotNipi's artless-gauges, their simplicity seems to make data easier to absorb. [site2] try here..

could please provide reference link for better understanding along with code

the above post is a link only. go through the complete post and you will get some idea.

We don't support this currently in FlowFuse Dashboard (Dashboard 2.0), and would be a little tricky to orchestrate/configure, although open to ideas on how we could present that in the Node-RED editor. What @smanjunath211 has linked to is a discussion about (the now deprecated) Node-RED Dashboard 1.0

Just another vote for this concept. For several weeks now I have been lamenting the fact this is not possible. Heavy use of the dashboard is quite limited without being able to group similar pages together. @joepavitt Would you not present it the same way as any other widget in the editor, indented immediately below its parent? Cheers Bob

Absolutely, its a matter of how we store that "parent", is it a page itself? Just a "container", i.e. a nee type of confog node in Node-RED? If pages can now have parents of both UI Base or "UI Page Container" (insert better name here) then we'd need to have a new option on ui-page that provides an option of "parent type" so that the dropdown list then updates accordingly. It's all possible, just want to be we present the best UX wothout ovwrhelming users with options, and making it more annoying for users that don't want to use this feature. Thanks for the +1 though. I'll get an issue opened this morning and have a think on the technical details

I guess the child page needs to be unique, but still inherit normal page (currently existing type) properties, so it is just a page like its parent. It's unique in that it can only attach itself to a parent page. My 2 drachmas worth. :grin: Thanks Bob

Hi @joepavitt I realise this probably isn't high on the list but just wondering if you had had a chance to think about how this could be implemented? Cheers Bob

Thanka for chasing Bob, I've opened: Nested Pages in Side Navigation · Issue #1156 · FlowFuse/node-red-dashboard · GitHub But not had a chance to put more thought/time into it

Although I know nothing about the new dashboard and how it's implemented, my first thought was to use a special character in the page name to provide the indented "structure" being requested. For instance, in a unix file system, the / separates the parent container name from the child file name -- perhaps you could just group the pages under similar container names, but without having to actually have a new type of container "page"? So in the above example both of these page names: Dropdown/Page 1 Dropdown/Next page would show up under the heading "Dropdown". This could even allow multi-level nesting, if that is desired. Other fairly intuitive separators could be a vertical bar Metrics|Temperatures or greater than Top Level>Middle Tier>Bottom Page

Node-RED

Node-RED Forum

"In the sidebar panel, I want to create a sublist under a menu item. Is that possible? If so, could you please provide examples?"

Dashboard

smanjunath211 24 July 2024 09:38 2

try here..

Topic		Replies	Views
Seperate Dashboard pages Dashboard	2	447	10 August 2020
Child Menu in nodered dashboard Dashboard	9	595	8 May 2023
Dashboard-2 How to add a new page Dashboard	2	612	21 January 2024
Create multiple pages on dashboard Dashboard	5	4485	6 May 2021
SubFlow with UI_node and group inside Dashboard node-red-dashboard , function-node	5	224	18 February 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.

"In the sidebar panel, I want to create a sublist under a menu item. Is that possible? If so, could you please provide examples?"

Related topics