Dynamic Gallery Item Height based on available labels

[MarekFe]

Hello Everyone,

I have a task to create a gallery that will show Items and their parameters.

One Item can have 1 to X parameters shown in labels, and only the Name of the items is mandatory, other parameters can be blank.

If a parameter is blank it shows as an empty space in the gallery, this causes me to lose valuable screen space marked red.

I was expecting this to work automatically like it does in FormsViewer with Visible value, content auto adjusts to available space if a card is set visible false..

What I managed so far is to automatically position labels based on the Name label, if parameter is empty it moves the label to the corner over Name label, like this:

Name = 5

Product type Y =   If(IsBlank('Product type'),Name.Y,Name.Y + Name.Height + 5)

Serial number Y = If(IsBlank('Serial number'),Name.Y,'Product type'.Y + 'Product type'.Height + 5)

SIM No. Y =          If(IsBlank(SIM),Name.Y,'Serial number'.Y + 'Serial number'.Height + 5)

Inventory ID Y =   If(IsBlank(Inventory),Name.Y,SIM.Y + SIM.Height + 5)

Phone No. Y =      If(IsBlank(Phone),Name.Y,Inventory.Y + Inventory.Height + 5)

etc..

This setup works fine if each predecesor is not blank as you can see in image Name1 and Name2

But if a parameter somewhere in the middle is empty it brakes all its successors position.

For example Name3 is missing Serial No & Invetory ID, this moves SIM No & Phone No bellow Name3 and above Product type

Or Name4 is missing Serial No & SIM No, this moves Inventory No bellow Name4 and above Product type

I think that a solution would be to give every label id based on possition, create a list of not blank ids, calculate their individual height, and then somehow use this data to calculate position of labels based on their predecesors..

But this is too advanced for me.

Please help.

[cmitchener · Accepted solution]

One possibility is to put all of those labels in the same textbox/text label. Take the code below:

Concatenate(

     If(Len(Name) > 0, Concatenate(Name, Char(10)), ""),
     If(Len('Product type') > 0, Concatenate('Product type', Char(10)), ""),

     If(Len('Serial number') > 0, Concatenate('Serial number', Char(10)), "")

     //[etc...]

)    

Char(10) is PowerApps' way of saying "line break". Each IF statement will check to see if the item you are looking at has more than 0 characters (basically ensuring it isn't empty). If it does, it will pull in that item and a line break; and if not, it will pull in empty text (hence the ""). All you have to do is add more lines of IF statements for every item you might want, but if the texbox or label is set to auto height, it will take care of the rest. Let me know if you have any questions about this.

[cmitchener]

Here is a screenshot, and I slightly revised the code to make it shorter

[MarekFe]

Thank you it works as needed.

[cmitchener]

Perfect!