Unanswered

PowerApps Large gap between Flexible Height Gallery items

(0) Share

Report

Posted on by PowerUser39

Hello,

I have a Flexible height vertical gallery in my canvas app and the gap between each items are perfect on Studio like shown below

But when I publish and test it on my mobile phone the gap is large like shown below:

My Template size property is below:

The height and width of the gallery is hard coded the way I want and these properties align perfectly on the mobile device.

In each item I have multiple labels, text box, radio button and finally 2 buttons on the bottom and their Y property is dynamic depending on another control's value and conditions.

Also I have Scale to Fit Turned on and Lock Aspect ratio turned off to make the app full screen on mobile device. With Aspect ratio turned on the flexible gallery works fine with perfect spacing but the issue starts only when Aspect ratio is turned off.

Any workaround to fix the gap between gallery items when Scale to Fit is on and Lock Aspect Ration Off

Categories:

Building Power Apps

I have the same question (0)

All responses (6)

Answers (0)

MissingLink 236 on at

Like (0)

Report

be wrong, but I think that the template size might be growing as the number of records increases.
Because the value of 'Y' increases with each record? (It shouldn't affect it - but hey - its worth testing)

Was this reply helpful? Yes No
PowerUser39 73 on at

Like (0)

Report

@MissingLink: Thanks for your response. Yes, I tried playing with Y value and also the hardcoded numbers on both Template size and Max size but still no luck. Like I said the issue is with Aspect ratio being turned off.

Was this reply helpful? Yes No
WiZey 3,023 Moderator on at

Like (0)

Report

Hello @PowerUser39 ,

A flexible gallery adapt its template size to the content's size, so I believe the problem lies with the button's position itself.

How is your button positioned in your gallery ? Is its X, Y, width or height based on a variable value?

Was this reply helpful? Yes No
PowerUser39 73 on at

Like (0)

Report

Thanks for your response. So basically, I have a dynamic gallery where items get added manually upon clicking on Add button by the user and the X/Y values are below:

The Y value is based on a condition which is.
If(AD_RequestTypeRadio.SelectedText.Value = "Install" && AD_GalleryAssetType_txt.Text = "INSTXFMR" || AD_RequestTypeRadio.SelectedText.Value = "Install" && AD_GalleryAssetType_txt.Text = "XFMR" || AD_RequestTypeRadio.SelectedText.Value = "Install" && AD_GalleryAssetType_txt.Text = "CIRCBKR", 1070, 960)

Was this reply helpful? Yes No
WiZey 3,023 Moderator on at

Like (0)

Report

1070 and 960 for Y? That's quite high values for a button in a gallery. Does your buttons "Item 1" and "Item 2" really use this condition and are set on those Y values?

Just to ease my confusion, why do you set such values for Y? To hide/display the button or something else?

Also, do you perhaps have other controls in your gallery which are repositioned in the same way?

Was this reply helpful? Yes No
PowerUser39 73 on at

Like (0)

Report

My Gallery is a bit complex, and I have around 10 controls in one gallery item such as Radio, text labels, text inputs, couple containers, Images and buttons. So, all these take up large space and it comes around 1100 Y and this is a dynamic service request gallery and the requirement need them all in one item. Lastly, The Add button changes its Y values depending on the above Image controls, If Image 2 is visible then the below Add button's Y will be 1070 if Image 2 is not visible then Add button's Y will be 960.

Was this reply helpful? Yes No