cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
w1sd0m
Advocate II
Advocate II

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

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
    HeightMax(App.Height, App.MinScreenHeight)
    Width = Max(App.Width, App.MinScreenWidth)
    • ScreenContainer (vertical)
      Height = Parent.Height
      Width = Parent.Width
      w1sd0m_0-1640559784845.png
      • || HeaderContainer 
        w1sd0m_1-1640559886392.png

         

      • = MainSectionContainer
        Height = 200 but flex height is enabled
        w1sd0m_2-1640559916946.png

         

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

           

          • Blank Flexible Height Gallery
            Height = Parent.Height * .9834
            TemplateSize = Self.Height
            w1sd0m_4-1640559965033.png

             

            • 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
 

 

1 ACCEPTED SOLUTION

Accepted Solutions
w1sd0m
Advocate II
Advocate II

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. 

View solution in original post

6 REPLIES 6
w1sd0m
Advocate II
Advocate II

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

w1sd0m
Advocate II
Advocate II

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
Super User
Super User

@w1sd0m ,

Sorry I do not use containers

v-bofeng-msft
Community Support
Community Support

Hi @w1sd0m :

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

vbofengmsft_1-1640659770479.png

 

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> "

 

vbofengmsft_2-1640660013763.png

Best Regards,

Bof

 

w1sd0m
Advocate II
Advocate II

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
Advocate II
Advocate II

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. 

Helpful resources

Announcements
Power Apps News & Annoucements carousel

Power Apps News & Announcements

Keep up to date with current events and community announcements in the Power Apps community.

Microsoft 365 Conference – December 6-8, 2022

Microsoft 365 Conference – December 6-8, 2022

Join us in Las Vegas to experience community, incredible learning opportunities, and connections that will help grow skills, know-how, and more.

Power Apps Community Blog Carousel

Power Apps Community Blog

Check out the latest Community Blog from the community!

Top Solution Authors
Top Kudoed Authors
Users online (4,855)