App Designer: How to autoresize children in 2-panel reflow option

I have a 2-panel app. In the right panel I am displaying images. When I resize the window to be larger, the images stay bunched up in the smaller section of the total window. Likewise, if I make it smaller, the buttons and images are cropped rather than rendered to smaller dimentions.

Is there any way to auto-resize the images when the user changes the window dimensions? I know that in standard apps, the autoresizechildren option is on by default. However, this options is greyed out in the reflow panel apps, and I cannot figure out how to change the setting either in the component browser or in the createComponents function in the app itself.

Thank you.

Answer 1

[Alice]

The property AutoResizeChildren is 'on' by default, so it is 'on' in the 2 panels of the app.

However, AutoResizeChildren doesn't resize the images. There are cases where it makes sense to resize the images, but others where it doesn't (e.g. if the image is used as a logo), so the choice was to not resize images.

(If you place the images in a standard app, you will see that the images also don't get resized)

One way to make the images resize as described is to place a GridLayout in the right panel, and place the images in the grid.

By default, the rows and columns are all sized to be '1x', so they will share the available space equally.

When the panel is resized, the images will be scaled up and down accordingly.

[Daemonic]

Wonderful. Thank you for taking the time to respond. Solution works perfectly.

Answer 2

[Melissa Williams]

Hi,

The auto-resize children property behavior varies based on components and the app layout. Every effort is made to retain relative component positions. Images do not autoresize when the app resizes. The reason is so the image does not distort. Buttons will resize if aligned to other components that resize, like an Axes.

Depending on the components and layout you want, you should be able to manually add a grid to the panel and use that to resize the components.

[Daemonic]

Thank you for your response. The grid solution works great. Appreciate it.