PowerApps Canvas App - Button minimum width

(0) Share

Report

Posted on by bnerd

112

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:

Building Power Apps

I have the same question (0)

All responses (9)

Answers (1)

Nogueira1306 7,390 Super User 2024 Season 1 on at

Like (0)

Report

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!

Was this reply helpful? Yes No
bnerd 112 on at

Like (0)

Report

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

Was this reply helpful? Yes No
Nogueira1306 7,390 Super User 2024 Season 1 on at

Like (0)

Report

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

Was this reply helpful? Yes No
bnerd 112 on at

Like (0)

Report

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

Was this reply helpful? Yes No
bnerd 112 on at

Like (0)

Report

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.

Was this reply helpful? Yes No
Verified answer

v-jefferni on at

Like (2)

Report

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.

Was this reply helpful? Yes No
bnerd 112 on at

Like (0)

Report

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

Was this reply helpful? Yes No
Lorde022 14 on at

Like (0)

Report

The classic controls don't seem to be available any more. Any other solution, since the problem still persists?

Was this reply helpful? Yes No
fuo 11 on at

Like (0)

Report

Classic Controls seem to be gone.
Icon with a Blank() Icon is working so far...

Was this reply helpful? Yes No