PowerApps Canvas App - Button minimum width

Like (0) Share

Report

Posted on 17 Feb 2022 11:02:01 by bnerd

110

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.

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.

Categories:

General Questions

All responses (9)

Answers (1)

fuo 11 on 23 Oct 2023 at 13:09:57

Like (0)

Report

Re: PowerApps Canvas App - Button minimum width

Classic Controls seem to be gone.
Icon with a Blank() Icon is working so far...
Lorde022 14 on 23 May 2023 at 06:11:54

Like (0)

Report

Re: PowerApps Canvas App - Button minimum width

The classic controls don't seem to be available any more. Any other solution, since the problem still persists?
bnerd 110 on 21 Feb 2022 at 10:06:22

Like (0)

Report

Re: PowerApps Canvas App - Button minimum width

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

v-jefferni on 21 Feb 2022 at 07:55:38

Like (2)

Report

Re: PowerApps Canvas App - Button minimum width

Hi @bnerd ,

I think you will need the classic button control:

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

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.
bnerd 110 on 17 Feb 2022 at 21:57:51

Like (0)

Report

Re: PowerApps Canvas App - Button minimum width

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.
bnerd 110 on 17 Feb 2022 at 12:01:19

Like (0)

Report

Re: PowerApps Canvas App - Button minimum width

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
Nogueira1306 7,390 Super User 2024 Season 1 on 17 Feb 2022 at 11:56:13

Like (0)

Report

Re: PowerApps Canvas App - Button minimum width

It might have to do also with the letter size and the padding
bnerd 110 on 17 Feb 2022 at 11:53:23

Like (0)

Report

Re: PowerApps Canvas App - Button minimum width

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".

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).
Nogueira1306 7,390 Super User 2024 Season 1 on 17 Feb 2022 at 11:47:21

Like (0)

Report

Re: PowerApps Canvas App - Button minimum width

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!