Modern form "Line breaking" in published app

(0) Share

Report

Posted on by William_Azevedo

104

Hi.

I've just finished an application in Power Apps, and here's how it looks:

Just fine. As I said in the title, the inpput control is a modern form in the following cascade of containment:

When published in a SharePoint Page, the lines in the form break:

Does anybody know how to keep it how it appears in Power Apps?

Thank you in advance!

Categories:

Building Power Apps

I have the same question (0)

All responses (4)

Answers (1)

Sort by

Verified answer

Kalathiya 2,456 Super User 2026 Season 1 on at

Like
a
(0)

Report
Copy link

Link copied!
Hello @William_Azevedo,

Yes, form controls in Power Apps will automatically resize based on the container, but if you want them to stay consistent across different screen, you should use relative sizing. A common approach is to reference Parent.Width so the control adjusts proportionally.

For example, if you want to display 3 data cards in one row, set each card’s width to:

Parent.Width/3

In that case, cards will always divide the available space evenly and keep the layout consistent.

---------------------------------------------------------------------------------

📩 Need more help? Mention @Kalathiya anytime!
✔️ Don’t forget to Accept as Solution if this guidance worked for you.
💛 Your Like motivates me to keep helping!

2 people found this reply helpful.

Was this reply helpful? Yes No
William_Azevedo 104 on at

Like
a
(0)

Report
Copy link

Link copied!

It didn't work.
I wanted the 4 datacards in a single row, like the first image, changed their width property do Parent.Width/4 (based on the logic you suggested) and the result in the page continues the same, the last datacard in the right falls to the row below (I tried to apply the solution only on the first row). Anyway, thank you for your time and your help!

Was this reply helpful? Yes No
Kalathiya 2,456 Super User 2026 Season 1 on at

Like
a
(0)

Report
Copy link

Link copied!

@William_Azevedo, After applying this logic, please perform a hard refresh, as it sometimes takes time to reflect in SharePoint. Alternatively, you could add a temporary button, publish it, and refresh until the button appears. This way, you can confirm that the new version has been applied.

Could you please share the screenshot where you wrote the formula? This will allow me to confirm it and help me debug.

If this response resolves your issue, please mark it as the Verified Answer so it can help other community members as well.

2 people found this reply helpful.

Was this reply helpful? Yes No
William_Azevedo 104 on at

Like
a
(0)

Report
Copy link

Link copied!

You were right, I've just tried accessed it again and it worked! to attend your request:

And now how it appears on the page:

Now I'll apply the logic to the other lines in the form.

Thank you very much!

Was this reply helpful? Yes No