Editing multiple coincident panels in App Designer

I am trying the convert a GUIDE based app into App Designer. My gui consisted of 6 coincident panels and a row of push buttons across the top that will each make one panel visible and the other 5 invisible. It was easy to edit in Guide. I would just select the top panel and send to back until the panel I wanted was on top. However, when I try this in App Designer, I can’t bring other panels to the top. Any advice. I suppose I could make 6 separate figures that each are part of an overall figure, but that is a bit painful to tear apart what was a working application

Answer 1

[aditi bagora]

Hello William,

I understand that you have multiple panels, and you want to bring a specific panel to the front while hiding the others.

To accomplish this, you can utilize the “uistack()” function, which allows you to adjust the stacking order of UI components. By using “uistack(panel, "top")”, you can bring the desired panel to the top.

Considering that your panels are coincident, the panel positioned on top will automatically hide the underlying panels. However, in cases like this, it is recommended to use a Tab Group instead of managing multiple overlapping panels.

By utilizing a Tab Group, you can organize your content into separate tabs, making it easier to switch between panels while maintaining a clean and organized interface.

Please refer to the following link for more information:

• uistack function
• App designer panel order - MATLAB Answers - MATLAB Central (mathworks.com)

Hope this helps!

Regards,

Aditi