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.



how it can possible to control the image if we capture the image using mobile application camera or pic from gallery.  is there any mech. to resize it.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.