Unanswered

Rounding Corners on a Rectangle - Canvas App

(3) Share

Report

Posted on 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:

Building Power Apps

I have the same question (3)

All responses (9)

Answers (1)

mdevaney 29,989 Moderator on at

Like (5)

Report

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

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

@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 🙂

Was this reply helpful? Yes No
mdevaney 29,989 Moderator on at

Like (0)

Report

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

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

@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?

Was this reply helpful? Yes No
mdevaney 29,989 Moderator on at

Like (0)

Report

@Anonymous
I think unlocking the button would work. Click on the Advanced Settings tab then unlock at the top of the menu.

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

@mdevaneyAll the controls are unlocked by default. Nothing in Advanced is showing as locked. Still requires me to edit the function.

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

@mdevaneyI noticed that the button has a "Display Mode" and "Disabled" "Edit" and "View" could this be part of the problem?

Was this reply helpful? Yes No
Verified answer

Community Power Pla... on at

Like (5)

Report

@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 😉

Was this reply helpful? Yes No
JR-BejeweledOne 5,836 Moderator on at

Like (2)

Report

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.

Was this reply helpful? Yes No