Component Buttons Width Changes When Re-Opening App

[mdevaney]

I built a simple component that holds a gallery of buttons.  The button Width is determined by this formula

(Component1.Width/3)-10

Before the app is closed the button widths are exactly as I would like them to be.  Then when I close and re-open my app the buttons are much smaller.

My width property for the component is 480.  When I delete and re-type this number the buttons show at their proper size.

Has anyone else experienced this issue?  I will appreciate any help that is given to me.

[mdevaney]

Bump for visibility 

[wyotim]

I experienced something similar recently but with a gallery using dynamic widths in a component. Same basic experience as yours: I set the width based on the overall width of the component then put the component in the app and it looked fine. Upon reopening (the next day) it wasn't sized properly. After trying a few things (one being setting labels that calculated the width and using those as the reference so I could see what was happening), what it seemed to be doing was basing the dynamic widths on the master component instead of the actual instance of the component. When I resized the master to the width I was using in the app, it looked right.

In my case, I was only using one instance of this component so I just shrugged and moved on. 😁 Not a solution at all, but hopefully something to look into?

[mdevaney]

@wyotim 
OK, good to know I am not experiencing a unique issue 🙂

Any ideas on who I need to raise this issue with components to?

---
Please click "Accept as Solution" if my post answered your question so that others may find it more quickly. If you found this post helpful consider giving it a "Thumbs Up."

[wyotim]

@mdevaney Unfortunately, I don't know who to raise this with. @Mr-Dang-MSFT or @heaher_italent, any help with who would be best to pass a component issue on to?

[heaher_italent]

@wyotim, @mdevaney  - I will reach out to Brian to see if we can get some assistance on this.

[wyotim]

@heaher_italent Thank you!

[Mr-Dang-MSFT]

@mdevaney @wyotim ,

Can you clarify if these buttons are in the context of a gallery or individual buttons?

If you attach the msapp file with the basic issue replicated, I can take a look at that as well.

[mdevaney]

@Mr-Dang-MSFT 

These buttons are in the context of a gallery.  The idea is to create a re-usable set of buttons for my mobile phone apps.

I've attached a copy of the basic component.  When you load it there will be a large gap between the buttons.  Notice that width of my Component on Screen1 is 500.  When you re-type the value 500 the component shows properly.

Just noticed that if you change the default Width property for the component itself the gaps will change in size as well.  Odd. 🤔

[Spinner]

I'm having the same (or similar) issue with Gallery components. If I delete the Width value (which is just a number) and re-add it, the gallery is narrower than it was, despite being supposedly the same width.

Additionally, after publishing, the whole gallery keeps getting shifted to the right. When I go back in to edit it, the whole gallery has mysteriously moved by itself to the right, so that it's partially off screen.

These galleries are on secondary screens. I'm also have intermittent problems with navigating to those screens; sometimes the buttons to launch them work, sometimes they don't. I'm unsure as to whether the problem is related to the above layout issues.