cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
bnerd
Helper II
Helper II

PowerApps Canvas App - Button minimum width

In my Teams Canvas app I have a gallery which needs to have 3 buttons across the bottom of the template width.

 

I can't seem to be able to reduce the button Width under 100px. There seem to be no minimum for the button Height.

button-width.png

When gallery TemplateWidth is less than 300px my three buttons are overlapping (even though button Width is set to less than 100px for each). Is there any 'trick' someone can suggest so I don't have buttons overlapping?

 

Just to be clear, this is only on the App for Teams. Regular PowerApps app, I can make buttons with Width less than 100px.

1 ACCEPTED SOLUTION

Accepted Solutions
v-jefferni
Community Support
Community Support

Hi @bnerd ,

 

I think you will need the classic button control:

vjefferni_0-1645430043369.png

You can enable it in settings then add from left panel classic category:

vjefferni_1-1645430089397.png

vjefferni_2-1645430126440.png

 

Hope this helps.

 

Best regards,

Community Support Team _ Jeffer Ni
If this post helps, then please consider Accept it as the solution to help the other members find it.

 

Community Support Team _ Jeffer Ni

If this post helps, then please consider Accept it as the solution to help the other members find it.

View solution in original post

7 REPLIES 7
Nogueira1306
Super User
Super User

Why dont you set the width to be:

 

TemplatWidth / 3

 

That way they will be kinda of responsive and no matter the tempaltewidth they will not overlap (I think)

 

If you need additional help please tag me in your reply and please like my reply.
If my reply provided you with a solution, pleased mark it as a solution ✔️!

Best regards,

Gonçalo Nogueira

Check my LinkedIn!

Buy me a coffee!

Check my User Group (pt-PT)!

Last Post on Community

My website!

bnerd
Helper II
Helper II

Hi @Nogueira1306 ,
that's exactly how I got it set, but on smaller screen TemplateWidth/3 is less than 100px. This makes part of Button text to disappear under the button next to it. 

For instance, these three buttons with Width set to Parent.TemplateWidth/3 have text set to "QWERTY", "123456" and "ZXCVBNM".

bnerd_0-1645098706440.png

 

My app will have three buttons with text set to a numerical value so real text will be more like "12/18" or similar (represents number of available assets of total available on a given date).

It might have to do also with the letter size and the padding

Font size does not effect it and I think padding is set to 5px by default, but can't see it in Teams app. In Teams this is all properties I can change for a button control

bnerd_0-1645099220627.png

 

bnerd
Helper II
Helper II

I would very much appreciate it if someone has a PowerApp app in Teams, to please check if you can set a button width to less than 100px (eg 20px), to check if it shows properly... unlike for me, as I described in my original post.

v-jefferni
Community Support
Community Support

Hi @bnerd ,

 

I think you will need the classic button control:

vjefferni_0-1645430043369.png

You can enable it in settings then add from left panel classic category:

vjefferni_1-1645430089397.png

vjefferni_2-1645430126440.png

 

Hope this helps.

 

Best regards,

Community Support Team _ Jeffer Ni
If this post helps, then please consider Accept it as the solution to help the other members find it.

 

Community Support Team _ Jeffer Ni

If this post helps, then please consider Accept it as the solution to help the other members find it.

Thanks very much @v-jefferni, that did the trick 👍

Helpful resources

Announcements
Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

365 EduCon 768x460.png

Microsoft 365 EduCon

Join us for two optional days of workshops and a 3-day conference, you can choose from over 130 sessions in multiple tracks and 25 workshops.

Users online (3,003)