Unanswered

Screen draws incorrectly on load but all other times is fine.

(0) Share

Report

Posted on by PRR3

I have a fairly straightforward app, the first screen contains a label across the top with the title, a form (edit) that is seven fields high, and a button on the bottom to move to the next screen.

Each field is some text (in a label) and a radio control. The text for the field at the top of the form is longish - roughly 2 lines if the screen is medium or large, but 4-5 lines on a small screen (i.e. a phone). All the other fields are one line long.

On a large/medium screen everything looks fine. On a small screen when the app first loads the field with the first question expands, but the other fields don't move down. As a result, the first field is superimposed on top of the next couple of fields, so you can't read anything..

If the user does anything to refresh the display - go to a second page, change the orientation of the device etc., and then returns to the first screen it looks fine. In fact it looks fine all other times. The only time there is a problem is when the app first loads.

Any ideas? Something I could call as the app loads to redraw the screen so it looks right?

Categories:

Building Power Apps

I have the same question (0)

All responses (3)

Answers (0)

Sort by

v-yutliu-msft Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!

Hi @PRR3 ,

I'm afraid there's no solution to change the app's layout when you are running this app.

All the settings of the app should be set when you designing this app.

I suggest you adjust these settings to test how to set to not have this kind of problem.

What's more, I suggest you try these:

1)update powerapps to the latest version

2)clear powerapps cache

Best regards,

Was this reply helpful? Yes No
PRR3 6 on at

Like (0)

Report
Copy link

Link copied!

@v-yutliu-msft ,

Thank you for your response. We believe the settings are all correct and the app does render correctly after the initial load. It really is just the very first time a user runs the app.

To be clear, the problem occurs inside the form control. I've verified the form control object is drawn to the correct size and placed properly on the display. There is plenty of vertical space within the control.

The control form control is not behaving the way I expect it to as described in (https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/working-with-form-layout). As you know, inside the form, position and size information is computed using the form coordinate system (row/column) rather than absolute screen values. The form is a single column of fields. The card in the first row contains a label with text that is much longer than the others (auto-height is turned on). My understanding from the documentation is that when that card expands vertically, the height of the row that card is in should also expand so that the next rows are shifted down and they don't over lap.

What is happening is that the first row expands as I would expect, however the other rows do not move down. Once the screen redraws for any reason the rows shift down to where I would expect them.

Was this reply helpful? Yes No
poweruser18 2 on at

Like (0)

Report
Copy link

Link copied!

It has been some time , but @PRR3 have You managed to identify the reason for this behaviour and resolve this issue?

Was this reply helpful? Yes No