Power Platform Community Forum Thread Details

Hi all,

I'm trying to build quite a detailed app that's going to be updated regularly in line with the design team's ongoing changes and improvements and the screens are set up with Fluid Grids.

Each section of each page has its own Data Card so that adjustments can be made more easily and only affect the necessary elements rather than the entire screen.

I'm coming across an issue, though: Whenever I want to add a new DataCard in the middle of some existing cards............I'm having to copy/past the items from each card into new cards at the bottom of the page, slotting in a new section as I go.

It's extremely laborious and time-consuming!

I saw online someone mentioned about changing the X or Y axis values to the same as where you want the card to fit in, but so far that doesn't seem to work for me.

Not sure if I'm doing it wrong or if it just doesn't work that way.

Does anyone have any solutions?

Categories:

Building Power Apps

@CU09091727-0

You're running into a common frustration when working with Fluid Grids and Data Cards in Power Apps. Unfortunately, inserting a new DataCard in the middle of existing ones doesn't automatically reflow the layout — and yes, manually copying/pasting and repositioning is tedious.

Here’s a breakdown of what’s happening and some practical workarounds:

Why changing X/Y doesn’t work as expected

In Fluid Grid layouts, the position of DataCards is managed by the layout engine, not by manually setting X or Y values. So even if you change those properties, the layout won’t update unless you reorder the cards in the container.

Workarounds and Tips

1. Reorder DataCards in the Tree View

In the left-hand Tree View, you can drag and drop DataCards to reorder them.
This is the most reliable way to insert a new card in the middle of a form or layout.
After dragging, the layout will update accordingly.

2. Use a Flexible Height Container

If you're not already using one, consider wrapping your DataCards in a Vertical Flexible Container.
This allows you to insert new elements and have them flow naturally without breaking the layout.

3. Group Controls Instead of Using DataCards

If you're not binding to a form, you might not need DataCards at all.
Use containers and grouped controls instead — they’re easier to manage and reorder.

4. Use Sections or Components

Break your screen into reusable components or sections.
This way, you can insert or remove entire sections without affecting the rest of the layout.

Bonus Tip: Use the “Unlock” Feature

If you're working inside a form:

Select the DataCard
Click “Unlock to change properties”
This gives you more control over layout and visibility, especially if you're dynamically showing/hiding cards.

🏷️ Tag me if you have any further questions or if the issue persists.

✅ Click "Accept as Solution" if my post helped resolve your issue—it helps others facing similar problems.

❤️ Give it a Like if you found the approach useful in any way.