Problem scaling a vertical arrangement with background image

[D_M]

Dear all, congratulations to the community! It is a virtuous example of how everyone can do great things.

In the app I am developing, I use a single screen and many virtual screens (usually non-visible vertical arrangement, height fill parent & width fill parent, which become visible when needed).
In one of these I inserted an additional vertical arrangement with a background image.
The image is h 500px x w 569px.
Since I want the image to be wide across the entire screen, maintaining the right proportions, I did this

• vertical arrangement with background image: in design (properties) I set automatic height & width fill parent
• in blocks I inserted the following blocks

The problem is that in companion I get a flattened vertical arrangement with background (I can tell you that I downloaded the .apk file and the problem remains).

If instead I directly set the height of the vertical arrangement in design, properties, everything works. But it is not a solution because in this way the VA will not adapt to the various screens.
Can someone help me?
Thanks!!!

[TIMAI2]

Have a look here:

Background picture lock ratio

Here also a reworked universal solution, which has dispensed with the clock and uses a webviewer instead (javascript to calculate the aspect ratio of the image). This should now fit any image, with the correct aspect ratio, centred on the screen, to the screen1 image background, as you will see, no cropping, and no extensions The html file should be in the same directory as the images used. greenCircleUniversalDemo.aia (79.2 KB)

BLOCKS

<a class="lightbox" href="https:/…

[D_M]

Thank you TIMAI2.
I have read a lot of topics regarding my problem (including the one you suggest me) but it seems is not my case.
What can I do? I think it should be a detail I don't see.

[TIMAI2]

You probably need a clock timer to give the arrangement long enough to sort out its height:

[D_M]

Thanks TIMAI2.
I tried with the clock at 500ms, but no results.

However I understood what my problem depends on (even if I don't have a solution!! ).
My problem depends on the fact that the VA with background image is placed in a virtual screen (page2) not visible. Page 2 is made visible with a button in page 1.
In fact if I set the VA page 2 directly visible in design (properties), the problem disappears.

How can I solve it?

[TIMAI2]

[D_M]

Dear TIMAI2 thanks a lot for you help.
I finally have the solution to my problem.

1 - it depends on NOT visibility of VA parent of VA with background
2 - it needs a clock (interval greater than 5ms)
3 - "time enabled" must be in "when button click"
4 - blocks with height settings must be in "when clock timer"
Attached the solution.
Thank you!