Stack and Rearrange Multiple Fields in a single Row in Power Apps Form

Sometimes we have a scenario wherein we need to create a PowerApps form in such a manner that, some of our form rows contain one column, some contain two columns, and some contain three columns. Meaning, the column number is not symmetrical during the entire Power Apps form. It changes based on the size of the field and business requirements. So, how we can stack and rearrange multiple columns in a single row in Power Apps form? Here, I’m going to show you the technique of arranging data cards side by side in a Form. So, let’s see how we can arrange PowerApps Form Data cards side by side?

Do you have a business requirement where your form don't follow the same column pattern? In some of the rows, you have two side-by-side columns and in some of the rows, you have 4 side by side fields? When you try to move fields in Power Apps form, your form design is spoiled? You want to learn the best practices and math behind the arrangement of the field? Then you are at Right Place!

There’s a simple mathematical logic to begin the scene. The Power Apps Form data card is arranged based on their X and Y Positions. Once we understand that thing, our task becomes easier.

The main idea is to cover the following Points!
Power Apps Form Field Arrangement form Basics
Power Apps - Maintain and Stacking Columns Side by Side
Power Apps Form with Dynamic Number of Column for each Row
Datacard Arrangement for Power Apps Forms

Chapters:
00:00 Start
01:08 Add Power Apps Form
01:23 Requirement
01:57 Think through Design of Power apps Forms
02:50 Design X and Y for your Form Structure
05:00 Turn off Snap to Column
05:38 Two columns in a Single Row
07:05 Three Columns in a Single Row
09:54 Summary
10:10 Subscribe

****
My Social Media Handles Details:
Follow me on Instagram:

Looking for Consultancy? Connect Here!

Follow me on all social Media Handles:
********

#PowerApps #PowerPlatform #PowerAppsTip #Powehack #PowerAppsForms #PowerAddicts #DhruvinShah #DigitalDhruvin

[ArohShukla]

I was so irritated by the Power Apps form layout for many hours for my project. Your video was such a gold mine ....Thanks a lot for sharing!!

[patricia]

I wish I could give my like to this video a million times!! You don't have idea how I hated Power Apps because I didn't know how to adjust the position of the cards. Thanks very much for sharing this! ❤

[jayjaiswal]

It's very frustrating task in my current project but after seeing your video I think now I can easily arrange my form, Thanks 😊

[mukeshs]

This video is going to save a million lives out there! Thanks a ton!

[kimwickens]

This is a gamechanger. Thank you!! My days of dealing with this annoyance are now over!

[mariarowenaparone]

Thanks Dhruvin! I am about to throw my laptop because of this form layout issue. Luckily you've made a video like this. You're such a lifesaver, cheers!

[husainshaikh]

You just made my day! Awesome Dhrvin thanks, this was one of the most useful video on whole YouTube.

[CTajuara]

Absolute lifesaver! I was struggling with this all day!

[АнастасияЩербуха]

very informative! thank you! you saved a lot of time playing with layout!

[VeganSmasher]

This is brilliant. Thank you for this solution and clear explanation!

[cblackl]

Great video. I really love the clear and concise explanation and example. This is perfect.

[pennyp]

Thanks for sharing Sir. Appreciate your contribution around the power platform community.

[maiarabenetti]

Thank you for sharing, this was exactly what I needed! Great video!

[ashimishra]

Great videos. These are really helpful! Have few queries : 1) How can we use 2 different data sources in a powerapp together? 2) Can we use Power BI as data source to build a power app?

[jay]

Very nice tip. I struggled with this for long.

[madhurishirsat]

Great Great Thanx.. It resolved my layout issue..

[poonamw]

Very informative video...i will definitely use in my work someday. Thank you👍

[waterbugforever]

So helpful! How do I display this multiple column form when using it in SharePoint list? it makes the form one column.

[mwmstals]

New to your channel, great help this video, just what i was looking for.

[willbee]

Thank you for this video. I wonder if you have one that shows how to create 2/3/4 columns but make each of the cards a different width? For example, on one form I want two columns, but the first to be about 75% of the width and the other to be 25%. Or I want 2 columns, but arranged them so there is nothing on the left or nothing in the middle. I imagine this is possible, but cannot figure out or find out how to do this.

Everything on a computer is easy, but nothing is intuitive. :)