MATLAB Answers

Why are there random offsets in the alignment of my App Designer axes?

8 views (last 30 days)
Folks,
When I click "Run" in AppDesigner, my single UI window that comes up has random differences in the vertical height and vertical position of my axes. These axes all have the same height and vertical position. Yet, when I close it and hit run again, the offsets can move to other plots. There seems to be an edge case situation here. Sometimes there are no offsets and it looks as intended. Any ideas? Version 2020a. I'm wondering if this is related to the thin horizontal length and the toolbar, which I set visibility to "off" in the startup.
Thanks,
Kris

  2 Comments

Kristoffer Walker
Kristoffer Walker on 28 Apr 2020
Folks,
I could really use some expert app designer guidance on this one. Here is how my UI looks in AppDesigner "Design View" screen. When I click on "Run", the above view results. Note the vertical offsets and different vertical heights of the axes, which is somewhat random in which axes it affects. What can I check for or change to avoid this?
Thank you for viewing my post!
Kris
Kristoffer Walker
Kristoffer Walker on 29 Apr 2020
Folks,
Just another obseration. This issue goes away in the EXE version once I convert it to EXE using Matlab version 2018b Application Compiler. I do not have access to 2020a Application Compiler, so I cannot try it with that.
Kris

Sign in to comment.

Accepted Answer

Ajay Pattassery
Ajay Pattassery on 4 May 2020
Is the axes are placed in a UI Grid Layout. If not try adding a Grid layout and then add these axes on each cells of the grid layout.Grid Layout can be selected from the component Library. Refer the following link.

  5 Comments

Show 2 older comments
Kristoffer Walker
Kristoffer Walker on 7 May 2020
Hi Ajay,
I did it again. This time it only took about 10 seconds. See the two attached images. Note the second to the left axes are squished vertically. If I temporarily move the images, note the grid layout beneath. It seems going to "grid mode" eliminates the "position" property for all axes. So I do not know how to fix this problem.
Update: It seems that the font size greatly influences the fit of the axes into the constraints by the grid. This makes it a real challenge to manually figure out how to fit things around using this "automated" method. I note that simply deleting the Y-axis label does not seem to make a difference in the positioning of the axes in the grid cells. However, reducing the font size makes a difference. This is not intuitive.
Kris
Ajay Pattassery
Ajay Pattassery on 7 May 2020
If you click on the app.GridLayout from the component browser, in the below pan you can change the column and row width. Column width by default in values of say 1.2x,22x etc. You can play with the column and row width size to adjust the size of the ui components. You can also remove the columns and rows width values to adjust how the grid looks.
Kristoffer Walker
Kristoffer Walker on 7 May 2020
Ajay,
This is not working. In my view, a more practical implementation of rows and columns would be to permit one to put unique column lines within a single row, which do not affect other rows above and below. The non-grid approach is by far and away easier to use. There seems to simply be a bug in the software implementation that is causing my grids to not randomly not align when I click "Run", but they align fine when I compile to an *.exe app.
Kris
Edit: Ajay, by the way, I could not find any Column or Row Width under Inspector after clicking app.GridLayout in Component Browser. There seems that some important properties of the axes are hidden once you convert to a grid layout. The absence of these properties makes alignmnet, even with the grid, difficult if not impossible.

Sign in to comment.

More Answers (0)

Products


Release

R2020a

Translated by