Unanswered

Buidling Responsive Form in Canvas App

(0) Share

Report

Posted on by Ape Awakening

301

I have problem with aligning the fields in the form next to each other, I tried turning of width to fit and snap to column to reset but it didn't work.
It would be great help who can guide me over it.

Categories:

Building Power Apps

fieldform.png

I have the same question (0)

All responses (4)

Answers (1)

Michael E. Gernaey 53,335 Super User 2025 Season 2 on at

Like (0)

Report

Hello,

Can you share what you expect them to look like. I know you said next to each other but I just want to make sure.

Either way, if you want to ensure they line up, I would add X, Y calculations in each control.

So for instance if you assume that the left Column is the base

EmployeeId X = EmployeeName.X + EmployeeName.Width + 10 (this can be a variable)
EmployeeId Y = EmployeeName.Y

And do this for the next one. The night thing also is as you move them on the form in the dev canvas UI, they all move.

Cheers
If you like my answer, please Mark it as Resolved, and give it a thumbs up, so it can help others
Thank You
Michael Gernaey MCT | MCSE | MCP | Contractor Ex-Microsoft
https://gernaeysoftware.com
LinkedIn: https://www.linkedin.com/in/michaelgernaey

Was this reply helpful? Yes No
Verified answer

vaubeee 533 on at

Like (0)

Report

Hi @apeawakening
you should check again on the Columns property of your form.
The Layout property also gives some flexibilty.
If you turn off the Snap to columns property you can customize the card width.
The WidthFit property could also be useful for your usecase.

For full responsivness insert a container, set Alignment Stretch, put the form in there and set the forms width and height to Parent.Width Parent.Height
As @FLMike mentioned you can then also use formulas in the cards width property, e.g. Parent.Width/2 would make it always 50% of the Containers = Screens Width.
------------------------------------------------------------------------------------------------------------------------------
If I have answered your question, please mark your post as Solved. Remember, you can accept more than one post as a solution.

If you like my response, please give it a Thumbs Up.

Was this reply helpful? Yes No
Ape Awakening 301 on at

Like (0)

Report

Even I want to make sure it to be responsive for other screen as well.

Was this reply helpful? Yes No
Ape Awakening 301 on at

Like (1)

Report

Thank you so much for responding , it did helped me with couple of things and later things I figured it out.
This was helpful to be in right track to find solution .

Was this reply helpful? Yes No