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
Ignite 2022

WHAT’S NEXT AT MICROSOFT IGNITE 2022

Explore the latest innovations, learn from product experts and partners, level up your skillset, and create connections from around the world.

Power Apps Africa Challenge 2022

Power Apps Africa Challenge

Your chance to join an engaging competition of Power Platform enthusiasts.

Super User 2 - 2022 Congratulations

Welcome Super Users

The Super User program for 2022 - Season 2 has kicked off!

September Events 2022

Check out all of these events

Attend in person or online, there are incredible conferences and events happening all throughout the month of September.

Users online (2,011)