Skip to main content

Notifications

Power Apps - Building Power Apps
Suggested answer

Rectangles not filling in correctly

(4) ShareShare
ReportReport
Posted on by 8
I have a Power App with various rectangles that I used as backgrounds for table headers and in other parts of the app. Suddenly, they started glitching, and now the fill color doesn't cover the entire width of the rectangles. If I try to delete one of the rectangles and add a new one, the issue persists, so I can't resolve it. I also tried changing the width, but the unfilled space moves instead of being fixed. If I change the width of the rectangle, the space that is invisible instead of being colored moves with the width and doesn't vary, always leaving an unfilled space, making it look like the rectangle has less width. This doesn't happen with all rectangles, and in each one, the unfilled space varies. It also happens in galleries, where if there are, for example, 8 items and I have a rectangle to differentiate one entry from another, in 6 the width fills the screen, but in the other 2, part of it remains unfilled.
Categories:
  • Suggested answer
    ROESI Profile Picture
    ROESI 4 on at
    Rectangles not filling in correctly
    This is the workaround I have found for the issue:
    It only happens when a rectangle is less than 10 pixels thick. However, it does not happen with the rectangle is 1 pixel thick.
    By changing my rectangles to 1 pixel thick and upping the Border Thickness property as needed, I was able to get things looking how they were before.
  • ROESI Profile Picture
    ROESI 4 on at
    Rectangles not filling in correctly
    I am having the same issue. It started happening a little over a week ago, just before I did a presentation with the apps. Makes it look unprofessional! Is there a way to alert Microsoft of this glitch?
  • MS-09011855-0 Profile Picture
    MS-09011855-0 5 on at
    Rectangles not filling in correctly
    NEW UPDATE:  Spoke too soon, it is messed up again (Wednesday - January 29, 2025).  Same way it was before.  

    UPDATE:  As of today (Monday - January 27, 2025), It appears they have fixed this issue.


    Noticing that it appears to be the case with the height as well.

    With another app, I'm using rectangles to create borders on the right and bottom of the buttons.  The top one has the rectangle gap issue for both the horizontal and vertical line whereas the other two only have it for the vertical.  

     
  • DG-22010859-0 Profile Picture
    DG-22010859-0 2 on at
    Rectangles not filling in correctly
    I have the same issue since yesterday on all my apps on all tenants. Seperators and rectangles are not displaying the correct width. I didn't change anything in the apps to trigger this behavior. It doesn't see to happen on the mobile app but mainly in the browser. The seperators and rectangles are not behind other objects. Hopefully this can be fixed quickly. It looks really messy in a lot of apps now. 
  • MS-09011855-0 Profile Picture
    MS-09011855-0 5 on at
    Rectangles not filling in correctly
    I'm having the same issue. 

    I'm using rectangles as Horizontal Separators.  Last week it was working fine...all rectangles appears identical.  Now this is how they appear.  The code for the rectangles are all identical, but for some reason, I'm getting gaps of white space at the end of some of the rectangles.  Any attempts to fix them or recreate the rectangles result in the same gap.   Nothing is overlaying these rectangles.  They are even the same height in every datacard.  

    The only thing I was able to figure out is that if I changed the Y of the datacard, the rectangle will change.  For example, the Y for the top row is 0 and the Y for the second row is 2, if I take second datacard in the top row and change the Y to 1, the rectangle doesn't have the gab, but now the two datacards where Y = 2 have a gab.  
     
     
  • mmbr1606 Profile Picture
    mmbr1606 10,429 on at
    Rectangles not filling in correctly
    hey
     
     
    if its happening in all your apps it sounds like a general issue for me and not related to a code/error in designing.
     
     
    cheers
  • kbracisiewicz Profile Picture
    kbracisiewicz 3 on at
    Rectangles not filling in correctly
    Hello,
    @mmbr1606
    the same started happening in all of my apps today. It can be easily recreated by setting height/width to 1-5 and streatching the other dimension. Example of it happening below where height is set to 5. This seems to be somehow connected to Y/X property, 2nd screen shows the same object but with its Y property changed from 152 to 57.


    ​​​​​​​Cheers
  • AJ-21010742-0 Profile Picture
    AJ-21010742-0 8 on at
    Rectangles not filling in correctly
    @mmbr1606 This is how everything looks
     
    But these are the properties, as you can see, they all have the same width but visually its glitching, like its part invisible, it happened suddenly in all my apps not just this one:
     
  • mmbr1606 Profile Picture
    mmbr1606 10,429 on at
    Rectangles not filling in correctly
    hey
     
     
    never saw such issue, can u share screenshots? could it be the case that other controls overlay the rectangles and so not everything looks filled?
     
     
    cheers

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Microsoft Kickstarter Events…

Register for Microsoft Kickstarter Events…

Announcing Our 2025 Season 1 Super Users!

A new season of Super Users has arrived, and we are so grateful for the daily…

Announcing Forum Attachment Improvements!

We're excited to announce that attachments for replies in forums and improved…

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 145,434

#2
RandyHayes Profile Picture

RandyHayes 76,287

#3
Pstork1 Profile Picture

Pstork1 64,722

Leaderboard