web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Canvas App Side by Side
Power Apps
Answered

Canvas App Side by Side

(0) ShareShare
ReportReport
Posted on by 1,924 Most Valuable Professional

Hey everyone,

I'm currently struggling with the following: I have a Canvas App with a form "Form1" and I want to rearrange the DataCards like in my picture below:

Image 613.png

I can make two columns, but when I make DataCard1 higher than DataCard2 also gets the same height. When I make DataCard2 smaller, I couldn't move DataCard3 under DataCard2 and it seems like DataCard2 stays the same height as DataCard1.

 

Any suggestions?

 

Thanks in advance

Marvin

Categories:
I have the same question (0)
  • Verified answer
    Pstork1 Profile Picture
    69,127 Most Valuable Professional on at

    From testing I've done there is no way to achieve the layout you want using a Form and data cards.  Even turning off Snap to Grid and columns the data cards will adopt the height of the card next to them.  You could build a screen with the layout you want.  It will require more work to place and arrange all the fields and you will need to use Patch() to submit the changes.  But I think that's the only way you can achieve the layout you want.

  • Verified answer
    v-siky-msft Profile Picture
    Microsoft Employee on at

    Hi @MarvinBangert 

     

    I agree with @Pstork1 . Currently, the Form control is not supported to customize the layout as you want.

    As an alternative workaround, I recommend customizing layout by three edit forms. They are all from the same data source but with the respective data cards.

    When you submit the Forms, Try to use the code:

     

    If(Form1.Mode=FormMode.New,Patch('Data Source',Defaults('Data Source'),Form1.Updates,Form2.Updates,Form3.Updates),Form1.Mode=FormMode.Edit,Patch('Data Source',<Put Forms' Items property here>,Form1.Updates,Form2.Updates,Form3.Updates)) //repalce <> part by the Items property code of Forms

     

    Snipaste_2020-03-31_10-40-07.png

    Hope this helps.

    Sik

     

  • MarvinBangert Profile Picture
    1,924 Most Valuable Professional on at

    Hey @v-siky-msft 

    Hey @Pstork1 

     

    thanks very much for your responses. I will check for another opportunity to display the actions within my app.

     

    Regards

    Marvin

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the March Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
11manish Profile Picture

11manish 505

#2
WarrenBelz Profile Picture

WarrenBelz 502 Most Valuable Professional

#3
Haque Profile Picture

Haque 324

Last 30 days Overall leaderboard