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.

[John O'Hair]

That's the dumbest answer I've ever heard.

And the most useless.

This isn't an uncommon need.

[Marc Youcef]

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

[Bo Xu]

Agree with Marc. Changing the components order is a useful feature.

[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.

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.)

[Kusal Kithul-Godage]

This breaks callbacks

[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

[Yassine Ait alla hamou]

Many thanks CallumP , this helped me alot ,having focus jump all over the app when you press the "tab" key is quite annoying.

This is such an amazing app to do that

Thanks again

[Peter]

I just want to my thanks as well! I can recommend everyone encountering the same problem CallumP's app.

[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).

[Syed Imran Ali shah]

your application is very well good jobe tjanks

[胜利 周]

your application is very good, Thanks

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.