Responsive Screen Layout with Nested Flex Gallery (inside horizontal gallery) - HTML Text Issue?

[w1sd0m]

Some of the HTML Text objects inside of a Blank Flexible Height Gallery are not fully displaying the contents and are cut off at the bottom.

Here is the layout: 

• Screen
   Height = Max(App.Height, App.MinScreenHeight)
   Width = Max(App.Width, App.MinScreenWidth)

  • ScreenContainer (vertical)
     Height = Parent.Height
     Width = Parent.Width

    

    • || HeaderContainer 

      

    • = MainSectionContainer
       Height = 200 but flex height is enabled

      

      • Blank Horizontal Gallery
         Height = Parent.Height
         TemplateSize = (Parent.Width*.5) -4

        
        

        • Blank Flexible Height Gallery
           Height = Parent.Height * .9834
           TemplateSize = Self.Height

          

          • Text Control - autoheight

          • Text Control - autoheight

          • Text Control - autoheight

          • HTML Text Control - autoheight

          • HTML Text Control - autoheight

          • Decorative controls/shapes.. to give the rounded corners

[w1sd0m]

@WarrenBelzthis is the issue I was facing in the post from yesterday 

[w1sd0m]

update- I think it is an HTML issue not with the controls or galleries itself.. somehow need to wrap the value in the HTML Text control or clean the HTML in that specific record.

[WarrenBelz]

@w1sd0m ,

Sorry I do not use containers

[v-bofeng-msft]

Hi @w1sd0m :

I've made a test and found that the text in the last line was blocked by the slider of 'blankHorizontalGallery'.

I suggest you to solve this problem by adding a <br> tag behind the original html text.

For example:

Set the html text control's HtmlText property to:

OriginalHtmlString&"<br> "

Best Regards,

Bof

[w1sd0m]

Hi @v-bofeng-msft  - thanks for the tip! Unfortunately, this did not resolve. I found an issue with the autoheight property for the HTML Text control. I can see the text that is overflowing when the autoheight value (true/false) is determined by a condition:
If(Len(ThisItem.Syntax) + Len(ThisItem.Description) > 50000, false,true)
however, the value for autoheights resets for some reason when you preview app or publish

still investigating 

[w1sd0m · Accepted solution]

HTML Text and the auto-height property are not well integrated. The control and the property may conflict with who will decide to flex/grow. It is best to leave the auto-height property turned off for the HTML text control.