Resizing Axis in App Designer Leaves 2nd image in GUI display

My GUI looks ok, and all the code runs ok.

But, I want to add a few more text boxes, thus I need to enlarge the size, then resize the two plots. What happens when I do this is shown below, First step is I enlarge the Rx Signal axis, then when I drag it into position, I get a a total mess where there's another image of the 2nd axis and the Tx Signal axis I haven't touched, disappears...

[Divyajyoti Nayak]

Hi @Dr W Kurt, it would be helpful if you could provide the .mlapp file. Then it would be easier to debug the issue since it is difficult to recreate your GUI from scratch wih just the picture provided.

Answer 1

[Jaimin]

Hi @Dr W Kurt

When working with MATLAB App Designer, you might encounter some unexpected behaviour when resizing and repositioning UI components like axes, especially if the layout isn't quite right. Here are a few steps and tips that might help you manage the layout better and avoid issues when adjusting plots:

Check the Grid Layout: If you are working with a “uigridlayout”, it is important to configure the grid correctly to manage how components resize. Ensure that the “RowHeight” and “ColumnWidth” properties are set appropriately, using options like “fit”, “auto”, or specific sizes as needed.

Use AutoResizeChildren: Enable the “AutoResizeChildren” property of the parent container, such as a “panel” or “figure”. This setting helps automatically adjust the size of child components when the parent container is resized.

Layering and Visibility: Check the visibility and layering of components to prevent overlap or hiding due to incorrect Z-order. Use “Bring to Front” or “Send to Back” in App Designer to manage component layers.

For more information kindly refer following MathWorks Documentation.

Uigridlayout: https://www.mathworks.com/help/matlab/ref/uigridlayout.html

Manage App Resize Behavior: https://www.mathworks.com/help/matlab/creating_guis/manage-programmatic-app-resize-behavior.html

I hope this will be helpful.