Dynamic Datacard height

[slhangen]

Have searched far and wide for this solution but cannot find.

I need to dynamically resize my datacard height in InterventionBrowseGallery1 so there is on overlap.

4 Fields in InterventionBrowseGallery1:

Title- height is 40

InterventionDate- height is 35

InterventionOfficer- height is 35

InterventionNotes- Autoheight, multiline

The InterventionNotes field is what is throwing me off.  I could be one sentence or many.  I used the following to get character count but I really need line count.  

What is the best way to make this look presentable.

Thx PowerApps community!

[RandyHayes · Accepted solution]

@slhangen 

You mention DataCard and Gallery, those are two different things, so I am assuming you are referring to a Gallery.

In that case, I would put in a Flexible Height Gallery instead (unfortunately, you cannot convert one to the other).  With that Gallery, it will automatically resize based on the controls in it.  If you have the InterventionNotes set to AutoHeight, then the Gallery will change as well based on it.

I hope this is helpful for you.

[slhangen]

Flexible height never works for me.  See screenshot

.

[RandyHayes]

@slhangen 

What issue are you having with it?

Keep this in mind...the view of the Gallery in "design" mode does not operate the way you would think.  However, when you Play the app (or simply press the "Alt" key in design mode) the Gallery will format properly.

[slhangen]

As seen above, when the filed gets a lot of text in it, it overflows onto next card.  I was able to handle in the form with a formula in the datacard's height property.

These note fields will be all over the place re: height.  I need the item to flex, I thought that was what autoheight does but it never works for me.  I never end up using it.

[RandyHayes · Accepted solution]

@slhangen 

Yes, the Flexible Height Gallery will do exactly that.  The trick is that you have to design for the minimum and you have to avoid putting further items below you expanding control.

So, the template size (height) should never be manually (by formula) manipulated in a Flexible Height Gallery or you'll have wild results.  The height should be set in the designer to the minimum height you want the template to be.  This should include all of your controls with their minimum heights (i.e. the label that is AutoHeight should be set to the minimum height that you want it to be).

If you have controls below the Autoheight controls (sometimes putting a separator line is desired, then its Y property should be set based on the Y and Height properties of the controls above them.

Once you do that, they work perfectly for that purpose.

There are other little quirks with Flexible Height galleries that have to be watched out for, but from your scenario, this is not an issue and should work just fine.

JUST REMEMBER - it always looks bunched up in the Design mode (this is so you can actually see the minimum sizes and placements).  When in Play or via "Alt", they should respond properly.

[slhangen]

I am at a loss.  Set all fields to minimum height (35) played app and still get the following on a larger note item:

[slhangen]

I was thinking this might work but it doesn't:

Item Height:

valInterventionOfficer1.height+valInterventionDate1.height+valInterventionType1.height+valInterventionNotes1.height

[RandyHayes]

@slhangen 

If your AutoHeight is set on the label and you are NOT doing anything in TemplateSize, or Height on the Gallery, it should all work.

Also, make sure your labels have some padding beside 0 on them.  Padding of 0 will cause an issue with the Gallery (unknown why, but it does) - Although, I did not experience any issue with that in my test (below).

I just threw together a quick app to make sure there wasn't some new issue that might have cropped up...and it all seemed fine. 

Design:

Play:

Now I also notice in your screenshot that you have a border...how are you putting that in place?

[slhangen]

Its just an out of the box gallery separator