Forum | Appery.io

Is there a way to round the edges on the image component?

With CSS or JavaScript, or uploaded already rounded images.

Max, how can it be done with CSS or Javascript? Which is the easiest? Thank you.

Look for a CSS solution.

Max, I appreciate all your help so far. I'm getting the knack of tiggzi, css and jquery. tiggzi has made it much easier to design an app.

I'm trying to round the edges of an image using CSS. I've added this in createnewjavascript:

$('a[dsid="CrystalImage"]').css('border-radius', '25%');

But no rounded edges. Any ideas?

Are you sure the selector 'a' is correct?

You are right, "a" was incorrect. the dsid is enough. But it still doesn't work. Is the syntax for the selector correct for tiggzi?

$('[dsid="CrystalImage"]').css('border-radius', '25%');

I also tried:
$('img[dsid="CrystalImage"]').css('border-radius', '25%');

img is correct. You might need to do this:

-webkit-border-radius: 25px;
border-radius: 25px;

Sounds good. I didn't know Tiggzi used webkit framework. So i updated the code to:

$('img[dsid="CrystalImage"]').css('-webkit-border-radius', '25px').css('border-radius', '25px');

I even tried the properties seperately, but no rounded edges.