How can I crop the rectangular images into squares?

0
Hi I’m learning how to use mendix now and would like some help. In my app it is possible to add a photo for the user but it accepts images of different sizes and in the end it is a mess (image below). I'm looking for ways to crop these images to make them all square. I tried with the image viewer settings or using ImageCropper when uploading the photo but I couldn't get it to work. I also tried with CSS (object-fit and other methods) right in the image viewer but I was not successful. Tried it too with SASS but nothing again. I imagine that I must be doing something wrong. Is there any way or tool to facilitate this?    
asked
2 answers
0

Hi, you can try wrapping the image in a container and with the following CSS you should maintain the square shape

.container {
  height: 200px;
  width: 200px;
}

.image {
  object-fit: cover;
}

 

answered
0

hi Mayara – please consider the “crop image” module available on the marketplace.

Best regards, Boris

answered