Answered

Rounding Corners on a Rectangle - Canvas App

Like (3) Share

Report

Posted on 20 Feb 2020 01:23:28 by Community Power Pla...

I cant find where to round a rectangle corner in a Canvas App? I can do it on a button, but not seeing it on a rectangle to create a border around content areas. Below are two examples of my design from the design tool, trying to recreate it in Power Apps, but not seeing how to round a corner.

Annotation 2020-02-19 172005.png

Categories:

General Questions

All responses (9)

Answers (1)

JR-BejeweledOne 5,836 Super User 2025 Season 1 on 11 Jun 2020 at 16:04:44

Like (2)

Report

Re: Rounding Corners on a Rectangle - Canvas App

You could also use a Text input in view mode since it has much of the same functionality as a label and you can set the border radius on it.
Verified answer

Community Power Pla... on 20 Feb 2020 at 21:25:08

Like (5)

Report

Re: Rounding Corners on a Rectangle - Canvas App

@mdevaneyI finally got it. toggling the button to "disabled" in "Display Mode" enabled me to control the border color and fill color without having the function control issues. So now it works 😉
Community Power Pla... on 20 Feb 2020 at 21:17:30

Like (0)

Report

Re: Rounding Corners on a Rectangle - Canvas App

@mdevaneyI noticed that the button has a "Display Mode" and "Disabled" "Edit" and "View" could this be part of the problem?
Community Power Pla... on 20 Feb 2020 at 21:10:08

Like (0)

Report

Re: Rounding Corners on a Rectangle - Canvas App

@mdevaneyAll the controls are unlocked by default. Nothing in Advanced is showing as locked. Still requires me to edit the function.
mdevaney 29,987 Super User 2025 Season 1 on 20 Feb 2020 at 20:41:20

Like (0)

Report

Re: Rounding Corners on a Rectangle - Canvas App

@Anonymous
I think unlocking the button would work. Click on the Advanced Settings tab then unlock at the top of the menu.
Community Power Pla... on 20 Feb 2020 at 20:07:52

Like (0)

Report

Re: Rounding Corners on a Rectangle - Canvas App

@mdevaneywhen I hover over the "pressed" and "hover" buttons in the panel the "fx" symbol appears and I can't seem to change those colors.

Any thoughts?
mdevaney 29,987 Super User 2025 Season 1 on 20 Feb 2020 at 19:58:27

Like (0)

Report

Re: Rounding Corners on a Rectangle - Canvas App

@Anonymous
I believe the HoverColor/Fill and the PressedColor/Fill are the properties you want to change. Make them the same color as the normal Color/Fill 🙂

—-
Please Accept as Solution if this post answered your question so others may find it more quickly. If you found this post helpful consider giving it a Thumbs Up.
Community Power Pla... on 20 Feb 2020 at 18:59:16

Like (0)

Report

Re: Rounding Corners on a Rectangle - Canvas App

@mdevaney Thanks for the tips, very helpful.

I started doing this and am having problems in the "preview" mode where on mouseover of the disabled button it changes color.

Just trying to keep the center transparent and the border is fine as black for now. I have changed several toggles and fill colors but cant seem to get it right.

You mind giving me some advice on what toggle/color I should change so it becomes a dumb box please 🙂
mdevaney 29,987 Super User 2025 Season 1 on 20 Feb 2020 at 01:38:07

Like (5)

Report

Re: Rounding Corners on a Rectangle - Canvas App

@Anonymous

The way I do this is to use a button control and changing the properties RadiusTopLeft, RadiusTopRight, RadiusBottomLeft, RadiusBottomRight all to 90. Then I format all of the other properties to make it look like a label. It feels wrong to because we call it a button but not all controls have the options for rounded corners. We make due where we must!

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