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 / Datacard refuses to al...
Power Apps
Unanswered

Datacard refuses to allow other datacards on same row

(0) ShareShare
ReportReport
Posted on by 15

I'm a total newbie to PowerApps, until 3 days ago I'd never even heard of them but I've now stumbled into creating one and hit a snag. Apologies if I'm not using the right terminology here, still trying to find my feet, but I've got an app for a custom form I've created. One of the fields in the form is Due Date.

 

My powerapp is laid out in 3 columns and I have snap to columns enabled (I've tried disabling this but it makes no difference)

If I add the datacard for this field to my app I can place it next to an existing datacard in the same row. However lets say I then add it to a new row. When I do this, I can't add any other datacards to that row, everything has to be on a new row below or above. If I drag any other field I get the crossed red circle symbol. I can't see anything different in the properties of this datacard to any other so can't work out what I'm doing wrong. As I say I've tried turning snap off but that makes no difference.

 

In a similar vein can you also do any of the following because I can't find a way of doing it?

 

1. Leave one column empty in a row. So lets say you have 6 fields in a 3 column layout. Row 1 you want datacards 1-3 but on Row 2 you want datacards 4,5 but you want to leave the middle position empty. Row 3 you want datacards 6,7 but you want the first position to be empty. I've kinda created this effect by simply making the datacard width so wide that it prevents another one being added to the row but it looks and feels 'clunky'.

2. Add different backgrounds behind certain datacards. I have a series of fields that are date related. I'd like to display them together with a different background to other fields. I know you can add a background to the form screen but that's the entire screen. I just didn't think you could add other non form elements within the form area.

 

3. Position forms wherever you want. For example have 4 fields on one row, one on another, 2 on another etc etc

Categories:
I have the same question (0)
  • Loose Chippings Profile Picture
    185 on at

    Hi @Peakoverload 

     

    You can do all the above once you understand data card positioning.  Data cards have an X and Y property.  If you create an app with Snap to columns = 3, The first card is X=0, Y=0; the next card is X=1, Y=0.  So the X,Y positions would be:

    0,01,02,0
    0,11,12,1
    0,21,22,2

     

    However, you cannot create a blank space just by increasing the X number.  If you want an empty space, create a blank Custom Card and move it to the place you want the space.

     

    As you have discovered, if you increase the width of a card beyond the grid size, it will push the following cards to the next row.  Card are always in grid (think of Excel rows and and columns).  If you increase the width of column or height of a row, it affects the all the other cards.  If Snap to columns is turned on, increasing the width of one card will have the same effect as merging two cells in Excel. 

     

    If you turn off Snap to columns off, you can create virtually any layout you wish.  Cards will still be in a grid, but you can move the DataCardKey and DataCardValue fields within the Card to create the layout you need.

     

    Cards have a Fill property, so if you want to group your Date fields together and give them a different coloured background, just change the Fill property on the Date cards.

     

    You can also move the position of Cards by dragging them in the Edit Fields property of the form:

    LooseChippings_0-1597061429987.png

     

      

  • Peakoverload Profile Picture
    15 on at

    Ahh, I was thinking the x,y coordinates were screen positions i.e. pixel position relative to top left of the window 🤔 Oops. Well that certainly explains a few other things as well. That's a great help, thank you so much.

  • Loose Chippings Profile Picture
    185 on at

    Yes, it is only with Data Cards where the X,Y sets the relative position.  With everything else, it is the pixel position. 

  • Drrickryp Profile Picture
    Super User 2024 Season 1 on at

    Hi @Peakoverload 

    If you get too frustrated with the OOB form experience, check out @Meneghino 's blog post https://baizini-it.com/blog/index.php/2017/09/28/powerapps-101-create-your-own-forms/ .  You will learn alot about how PowerApps works by going through the exercise of creating a custom built form.  IMHO, it should be required reading for anyone getting serious about designing PowerApps. 

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