Image border radius is being overwritten! help!

[frederikgrummesgaard]

Hello @bathejasumeet!
I would like to have small rounded corners on my images but WebImage won't let me.
I know that if you'd like a round picture, you can use rounded="true" but sadly I don't want that.
Does anyone have a solution or a workaround?
I have tried to add the border radius to the layout, but it still overflows:

<WebImage stretch="aspectFill"
height="180"
style="border-radius: 20 !important;"
placeholder="~/assets/logo-placeholder.png"
[src]="adventureEntry.pictureURL">

[frederikgrummesgaard]

Still an issue :-)

[Arslan-Munir]

@frederikgrummesgaard
hi. did you find the solution?

[frederikgrummesgaard]

No, I sadly didn't. Had to go without border radius

…

On Sat, 19 Dec 2020, 21:38 Arslan Munir, ***@***.***> wrote: @frederikgrummesgaard <https://github.com/frederikgrummesgaard> hi. did you find the solution? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#71 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AGNKPM4UWCXPQZTI6HES7HTSVUFOFANCNFSM4NMD43TA> .

[Arslan-Munir]

This plugin should have a property for radius to be passed instead of a simple boolean so that a user can set a radius with its own choice.
Another plugin nativescript-image has property of radius as number, but that plugin is not showing images on some newer devices.