Answered

Modify border radius of rounded-corner rectangle shape?


Userlevel 5

since the radius is fixed, at larger sizes it becomes too pronounced for my taste.

in other tools the radius can be modified (e.g. lucid),

i haven’t been able to spot a way to modify in miro, am i missing it, or it doesn’t exist?

icon

Best answer by Jonathan White 25 June 2020, 18:01

View original

10 replies

Userlevel 7
Badge +9

Hi @tony k ,

till now there is no option to change the radius size of the shapes.

Post this as a wish into the wishlist-secition here:

https://community.miro.com/wish-list-32

 

Michael

Userlevel 4

Hi @tony k,

 

Would changing the thickness of the border do the trick? You can change the opacity of the border as well.

I made a short clip on changing the border thickness, where you will see the option to change the opacity right below.

I see you posted this to the Wishlist, so if changing the thickness/opacity isn’t quite what you’re looking for, hopefully the Miro team will add the desired function soon.

I hope that helps!

Michael Sohn

Userlevel 5

border thickness/opacity wouldn’t address my thing in this case.

one detail that i should have added is that this manifests for me when i enlarge the round-corner shape to use as outer framing for a larger diagram.

at default size the round-corner shape looks fine, but when enlarged, the corner scales proportionately and it ends up being too pronounced at larger sizes. one side effect of this is that text aligned to a corner (e.g. top/left) actually touches the border.

 

Userlevel 6
Badge +4

@tony k I learned a trick to alter the severity of the rounded cornering. You cannot have a border on the shape, which might be a deal-breaker for some, but this solution works pretty well otherwise. Once you have a shape with corners you like, you can template it or copy and paste it on your board to use multiple times.

Check it out HERE.

Jon

Userlevel 4

Hi @tony k,

Ah, I see. Check out @Jonathan White’s clip on a potential workaround!

Michael Sohn

Userlevel 5
Badge +1

Some genius stuff from @Jonathan White 

I gotta keep that in my toolbox.

You can use the Wireframes components in the Apps area. Take a Text area and delete the text and the corners are consistent no matter how big you make the field 

Limitations:

  • the outline size grows and shrinks with the size of the box
  • limited color - grey and red - there is a blue, but its a focused state and has a hard coded cursor line in it

 this works for bigger boxes and at least you can get the outline - hope this helps

Please fix this. Corner radius should not change based on width, user should be able to match radius of larger and smaller boxes, and stroke width should not change based on size of box.

since the radius is fixed, at larger sizes it becomes too pronounced for my taste.

in other tools the radius can be modified (e.g. lucid),

i haven’t been able to spot a way to modify in miro, am i missing it, or it doesn’t exist?

This is a great idea but you can cheat similarly to create the border - I used a solid block in the background that is the color I want the border to be, duplicated with a slightly smaller block in front that is white and adjusted to make the border thicker/thineer. It might not work for all colors/situations but it was a great cheat for what I needed. Thank you!

+1

Reply