web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Apps
Unanswered

Button Width Issue

(0) ShareShare
ReportReport
Posted on by 53

I have six buttons in my app that need to change width based on weather the screen is on a phone, tablet or pc. I've been able to change the width no problem, but I want it to fill the screen 3x3 on the phone and tablet. The pc, i just want the button to not look so huge and wonky. My buttons are actually components that I built since they are multi layered with shapes, icons and a button.

 

I would assume that the phone screen would be 640. so 3 buttons would be 213.33 wide each or Parent.Width*0.3 basically so they would fit properly. Its dynamic by nature. I've tried Parent.Width*0.3 with the best results but its just not giving me what I need.

 

The attached pictures are using the formula below, that seems to make them dynamic, but not really what I'm looking for either. 

Parent.Width *
    Switch(Parent.Width,
        ScreenSize.Small, 0.5,
        ScreenSize.Medium, 0.3,
        0.25)
Due to the 3 attachement rule, I will create another post with the buttons I'm trying to mimic from another app that I unfortunately do not have access to see what the width If/Then statement is. It is dynamic in nature. The buttons shrink and grow. If there are 6, 10, or 20 buttons, they wrap and grow correctly on the screen no matter what resolution it is displayed on. 
 
Any help would be appreciated. Thanks. 

 

640 image not filling screen.jpg
PC image not filling screen.jpg
Categories:
  • LoadUpAndRide Profile Picture
    53 on at

    This is the app screen I am trying to eventually mimic and rebuild for my team. Hopefully that is enough to go on. 

    Phone Image of App I'm Trying to Mimic.jpg
    PC Image of App I'm Trying to Mimic.jpg
  • LoadUpAndRide Profile Picture
    53 on at

    If i only have 3 buttons, they do not remain uniform. 

    Phone View with only 3 buttons.jpg
  • v-jefferni Profile Picture
    Microsoft Employee on at

    Hi @LoadUpAndRide ,

     

    Could you please share your App display settings?

    vjefferni_0-1684143014924.png

     

    Generally speaking, App screens will have fixed resolution set in size, regardless of running App on computers or mobile phones. You'd better add a horizontal container to include all the buttons, turn on Wrap, and then modify buttons' width based on Parent.Width.

     

    Best regards,

  • LoadUpAndRide Profile Picture
    53 on at

    Here are my App Settings, the Container Settings and Button Settings. Hope it helps. A friend suggested that I put it in a gallery using a collection so the buttons adjust based on the screen size (3 or 6). Above my skill set. 

    Button Settings 2023-05-15_11-49-22.jpg
    Container Settings 2023-05-15_11-48-30.jpg
    App Settings 2023-05-15_11-47-37.jpg
  • v-jefferni Profile Picture
    Microsoft Employee on at

    Hi @LoadUpAndRide ,

     

    For responsive layout using Containers and Gallery, you can refer to below video (only the Container and Gallery part):

    How to build Responsive Power Apps | Responsive Layouts, Tabs, Galleries & Forms - Bing video

     

    Best regards,

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

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the July Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
11manish Profile Picture

11manish 393 Super User 2026 Season 2

#2
Mohsin Ali Profile Picture

Mohsin Ali 328

#3
WarrenBelz Profile Picture

WarrenBelz 278 Most Valuable Professional

Last 30 days Overall leaderboard