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

Difinity Conference 2022

Difinity Conference 2022

Register today for two amazing days of learning, featuring intensive learning sessions across multiple tracks, led by engaging and dynamic experts.

European SharePoint Conference

European SharePoint Conference

The European SharePoint Conference returns live and in-person November 28-December 1 with 4 Microsoft Keynotes, 9 Tutorials, and 120 Sessions.

Power Apps Ideas

Changes to Ideas Coming

We are excited to announce a new way to share your ideas for Power Apps!

Top Solution Authors
Top Kudoed Authors
Users online (3,904)