Power Apps

Headers not displaying correctly when published only on Preview

(1) Share

Report

Posted on by RVoller

222

Hi,

I have a header container. When I preview the app, the header container appears as per below.

But when the app is published, the header containers moves the headers and display very differently.

I have tried to set the X position of the label to match the corresponding gallery field.X, but this did not work.

I have tried to create a separated container, this did not work.

I also tried using a static value for each position, this did not work either.

I have also cleared cookies etc. , but this did not work.

Not sure what else I can try to make the headers display correctly.

Any assistance will be appreciated.

Kind regards

Rene Voller

Categories:

Building Power Apps

I have the same question (0)

All responses (5)

Answers (0)

Sort by

Suggested answer

11manish 3,333 on at

Like
a
(0)

Report
Copy link

Link copied!
try below , might be helpful

To fix the alignment between a Header Container and a Gallery, follow these steps:

Disable "Scale to Fit"

This is the most common culprit for "shifting" elements.

Go to Settings > Display.

Turn OFF "Scale to Fit".

Turn ON "Lock aspect ratio" (optional, but helps consistency).

Republish the app and check again.

Instead of setting individual X positions, link the Header labels directly to the Gallery's template columns.

If your Gallery has a label named lbl_Data_Price, set your Header label (lbl_Header_Price) properties as follows:

X: Parent.X + lbl_Data_Price.X (This ensures the header stays exactly above the data field).

Width: lbl_Data_Price.Width

Check if your Header Container and your Gallery have different Padding values (Left/Right). Even if the X positions match, different padding will cause a visual shift. Set both to 0 to test.

Was this reply helpful? Yes No
Suggested answer

Valantis 6,735 on at

Like
a
(1)

Report
Copy link

Link copied!

Hi @RVoller,

The issue is Scale to fit scaling the canvas differently in Studio vs published. Fix it in this order:

1. Go to Settings > Display and turn off Scale to fit, then republish and test first. This alone may fix it.

2. If headers still shift, set each header label's properties to match the gallery column it sits above:
X: Parent.X + lbl_YourGalleryColumn.X
Width: lbl_YourGalleryColumn.Width

3. If still off, check that the header container and gallery have the same padding values. Set both to 0 and test.

Best regards,

Valantis

✅ If this helped solve your issue, please Accept as Solution so others can find it quickly.

❤️ If it didn’t fully solve it but was still useful, please click “Yes” on “Was this reply helpful?” or leave a Like :).

🏷️ For follow-ups @Valantis.

📝 https://valantisond365.com/

Was this reply helpful? Yes No
RVoller 222 on at

Like
a
(1)

Report
Copy link

Link copied!

Hi @11manish / @Valantis

Scale to fit is no longer an option in latest version of Powerapps.

I have since added a new screen and recreated the container with header and gallery.

This seemed to work.

Kind regards

Rene Voller

Was this reply helpful? Yes No
11manish 3,333 on at

Like
a
(1)

Report
Copy link

Link copied!

RVoller You’re right—“Scale to fit” is not available in modern Canvas Apps (especially with responsive layouts enabled). But you can achieve the same (and better) behavior using modern responsive design techniques.

Was this reply helpful? Yes No
Valantis 6,735 on at

Like
a
(1)

Report
Copy link

Link copied!

Hi @RVoller,

Just wanted to check in and see if everything is working now. If you still need any help, feel free to let me know.

Also, if the issue is resolved, it would be great if you could mark the answer as solved so others with the same question can find it easily.

Thanks and have a great day!

Was this reply helpful? Yes No