Image scattering and resizing.

Hi All,

I am using a profile screen into my application, which has a image widget, using which user can upload image and can set the respective image to image widget.

So styling for that image widget i have used is in circular format and following is the CSS

SyntaxEditor Code Snippet

border-radius: 50%;

So when i use any resolution image the image scatters in some cases, i have attached a screenshot below, so how to handle this, can anyone help?



Hi Dhiraj,

Your image is not a perfact square that is why it is display in oval shape instead of circle.Use perfact square shaped image to make this style work

Hi Dhiraj,

As Nikhil already stated the width and height of the image need to be equal.

Also in your previous post the image was good, so you had it working previously and made a change that caused the error.