How do I create a scrollable app using appdesigner?

I'm currently working with appdesigner on MATLAB Version: 9.5.0.1298439 (R2018b) Update 7 (Windows 10 64-bit).

Could anyone advise how to create a scrollable app window that works on all screen sizes?

I have large amount of components (mostly textboxes), trying to create an all in one vehicle dynamics calculator for school project.

I can try to squeeze all the components to be visible under 1 tab on my 24-inch monitor. But when I use a smaller laptop screen, I can't see and access some of the components and I can't seem to resize or scroll the window around.

I have tried to put all components inside a panel and activate scrollable, but doesn't seem to work. Maybe the panel itself is too big for the small screen but if I make the panel smaller, then the components would not fit in, lose their parent-child relations and become invisible.

Anyone has advice, experience or workaround? Thank you.

Answer 1

[Mario Malic]

Hello,

click your main UIFigure component, under Interactivity, find property Scrollable.

[William Moningka]

Hi, thanks for the reply!

I tried to activate the Scrollable property on the UIFigure. However, when I run the app, it just shows blank UI Figure window. The scrollbar is visible on the smaller screen and seems to work, but it's just empty window.

When I deactivate the Scrollable property, then it works again like previous (still with some components cut/invisible).

Do you have any idea? Thanks!

[William Moningka]

Hi, it seems to be working now.

I think my UIFigure was too small and was hidden behind the Tab component. After I resize the UIFigure, the scrollable works fine.

But there's a subsequent issue: the UIFigure now always open with the title bar above (and hidden from) my screen because the UIFigure size is so tall. So I can't resize and drag the window around. Is it possible to set a fixed window size when opening the app (with scrollable and resizing function still enabled)?

Thanks!

[Mario Malic]

Yes, see the Position property of the UIFigure, you can set it throught component browser.

[William Moningka]

I managed to get the app window size to fit different screen resolutions from below answer.

https://www.mathworks.com/matlabcentral/answers/395508-why-does-the-app-not-resize-properly-for-different-screen-resolutions-in-app-designer

Thanks for your help