Rounded Image

Like (1) Share

Report

Posted on 24 Feb 2022 13:42:30 by gjayn84

103

I am having an issue rounding images in a gallery. Previously, I've set the height and width of an image to the same value and then set the border radius to Self.Width/2 and this has produced a rounded image. However, I'm doing that today and the image has rounded corners but isn't a circle:

When I add a border to the image though it is a circle but it's as if the image isn't filling that circle:

Has anyone come across this recently, and is there something I need to change to get the actual image to appear as a circle? The above happens regardless of the image that is used. I've also tried changing the image position setting (fit, fill etc) but this doesn't help.

Thanks in advance for your help.

All responses (6)

Answers (1)

v-LilyW-msft on 02 Mar 2022 at 01:24:06

Like (0)

Report

Re: Rounded Image

Hi @gjayne1984

Glad that you have resolved your problem.

You could go ahead and mark the post as solved by clicking “Accept as Solution” so that this thread will be marked for other users to easily identify!

Best Regards.
Verified answer

gjayn84 103 on 24 Feb 2022 at 15:54:04

Like (1)

Report

Re: Rounded Image

@Nogueira1306 @Himanshu_90677
Thanks for your replies. I've just had another look at this and the issue was that I had padding set on the image, which was causing the gap. I've set the padding to 0 now and it works as expected.
Himanshu_90677 416 on 24 Feb 2022 at 14:56:41

Like (0)

Report

Re: Rounded Image

I think you need to set border radius to 100
Nogueira1306 7,390 Super User 2024 Season 1 on 24 Feb 2022 at 14:26:21

Like (0)

Report

Re: Rounded Image

Maybe it is because you are using the sample image but that code should work
Is that picture a Square? Height = Width?

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!
gjayn84 103 on 24 Feb 2022 at 14:22:36

Like (0)

Report

Re: Rounded Image

@Nogueira1306

Thanks for the swift reply. It's really strange because I've changed the settings to your example but my image still doesn't fill the circle:
Nogueira1306 7,390 Super User 2024 Season 1 on 24 Feb 2022 at 13:57:33

Like (3)

Report

Re: Rounded Image

Self.Height

Or

Self.Width

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!