How to rearrange UI widgets once in a subflow?

I have a subflow that uses a config node to set the Dashboard 2.0 group. The subflow contains a several number inputs and a text field. I want to add a few widgets to the group which I can do by adding my UI nodes and setting their group to the config node's group.

The problem is that before I made these nodes into a subflow, the individual widgets were seen in the layout editor and side panel. I could adjust their order as needed. Now that they have been made into a subflow, all I see, rather than individual widgets, is a single widget, representing the subflow. There is no way to move the individual widgets around anymore.

What is the proper way to reorganize and arrange Dashboard 2.0 UI widgets that are contained inside a subflow?

There isn't a simple way to do that at the moment as far as I know, other than exporting the subflow, manually editing it, and importing it again (which isn't simple). There is an open issue for it. Please add a comment to the issue so that the developers receive feedback on the requirement.

[Edit]: or maybe manually editing the flow file itself, but still not simple.

I have raised PR Allow basic widget ordering of widgets in a subflow by Steve-Mcl · Pull Request #1759 · FlowFuse/node-red-dashboard · GitHub to provide super basic widget in subflow sorting.

This will not handle contrib nodes (but neither does the showing of width and height inputs) - i.e. this is a MVP implementation!

A better long term solution should be implemented but for now, this will provide basic ability to adjust ordering.

1 Like

This will help me for now. Thanks for adding the pull request. UI widgets inside of subflows is a life saver and I realize that the feature is new but these rough edges are great to take care of so more people will start using the feature.