Circular images

take a card view
make radius 60
insert image and do it according to needs
also, make sure that the image shall be rounded so that it looks gut
u cant either app image component
or background image to it or add an arrangement like vertical arrangement set background to image

1 Like

CardView Designer

7 Likes

You could also use a canvas and some blocks trickery to make a circular image:

There is also an extension by Marco Tanzi

3 Likes

Have you try this extension?

Thank you very much for contributing.

Yes, but it didn’t work for me.

excellent I will try

ohh…
its work for me.
IMG_20210109_000544_541

Don’t need extension. Read examples above

I have a problem, look.

editor:

image

Companion:

image

what am I doing wrong?

set Scale to fit image

2 Likes

Set card view padding to 0 and radius to minimum 70 for small images…

1 Like

use 50 fill

You mean 50PX?

unit does not appear, I just put 50

If you are asking then. In card view width write 70px whole and same for height.

1 Like

What i believe is at the point of storing the image you crop it into a circle.
Like for a profile when you are adding a profile picture you add the cropped version initially from the point where the user registers on the app and has to put a profile picture.
This way whenever you need the picture it will always be in a circular format.
Just a tip

1 Like

Friend how could I cut it automatically when the user registers.

I used CropView Extension in my app, but sometimes the extension developers dont support their extension so its advised to not use many. But you may if you want.

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.