+1
Answered

fitheight is a bit confusing...

jakelisby 8 years ago updated by icahill (Administrator) 8 years ago 3
So we're trying to use fitheight to provide a semitransparent background and include 2 elements. These 2 elements are both text elements and are both set as height="fit" I'm not able to get fitheight to work correctly, and I'm not sure why that is. Have any insight? Here's what we have setup right now...

<panel name="coverDetails" fitheight="yes" width="100%" background="#212121" alpha=".8" valign="bottom" padding="20px">

<text name="coverTitle" text="[param:title]" font="Sansation_Light" size="36" alignment="left" color="#ffffff" valign="top" width="100%" height="fit" />
<text name="coverMeta" text="[param:creator] | [param:category]" font="Sansation_Light" size="20" alignment="left" color="#ffffff" valign="bottom" width="100%" height="fit" />
</panel>
This appears to be a limitation of the engine. fitheight will only work if the height of all the children are defined. Because the height of your text tags are dynamic based on the text you enter, fitheight will not work in this case.
Strange, ok. Is there a thought to expand that attribute to allow variable heights? I think that's where the real value of this lies. If I know all the heights of the items within, then I can just set the parent container to the sum of those. I think allowing it to realize variable heights would make it an incredible tool.
Jake,

I can certainly log that as a feature request.