How do I change the order of objects in the App Designer component browser?

How do I change the order of objects in the App designer component browser? Is it possible to reorder items in the same container?

Answer 1

[MathWorks Support Team]

The component browser will update when items are moved inside others. If you drag a "UIAxes" object into a tab, it should appear under that tab in the component browser.

You can also select another tab by clicking on it in the design view. 

Prior to MATLAB R2020b, there was no way to reorder objects in the component browser itself. The objects in the component browser are ordered based on the sequence in which they were added to the containing object.

Starting in MATLAB R2020b, you can reorder the objects in the component browser using the "Reorder" tool.

[Marc Youcef]

It is in fact a common request to be able to modify tab index order or at least change easely Components Order

[Mario Malic]

For me, it's useful, because when you're entering a field value, clicking tab will move the selection to the next field value in the component browser. So, kinda makes sense to reorder.

[Jonas]

it is also possible to drag components in the Component Browser to their new location. In my case, the Tab Order was the upside down version of the Tab sequence

Answer 2

[Leonardo von Lerchenfeld]

You can cut (CTRL + X) the objects and include them (CTRL+ V), then the objects will inserted at the end in the component list while maintaining their positions. Do this process in the order you like your objects. (I use MATLAB R2017a.)

[Mario Malic]

For me it worked fine without breaking callbacks.

Just make sure to change the property names if you are assigning values from EditField.Value

[Robert]

This works wonders, thank you! Keep in mind that when using panels or other containers, you have to select the panel/container before pasting, otherwise the parenting and positioning is incorrect.

Answer 3

[CallumP]

I've made an app that can do that. Might be a bit late for you but hopefully useful to others. It's here: https://uk.mathworks.com/matlabcentral/fileexchange/71838-hierarchyviewer

[Subhamoy Saha]

You did really a great job CallumP!

[Adam Danz]

Nice function, CallumP!

Update: Starting in Matlab r2020b, change the stack order of UI components in App Designer using the reorder tool (see release notes).

Answer 4

[Adam Danz]

For Matlab r2020b and later, the stack order of UI components can be changed using the reorder tool (see release notes).

For earlier releases, see CallumP's function on the file exchange.