Croppie Mobile is a component based on https://foliotek.github.io/Croppie/ component, which provides an easy and flexible solution to crop an image as a square, centered within a circular mask. The developer only needs to provide the Width and Height of the image and mask, and the image as a binary, and Croppie does the rest.

Try it at https://ana-calinhos.outsystemscloud.com/Mobile_Sample/

In order to implement this component in your application, you should follow the following steps:

1. Drag the CroppieMobile web block to your screen;

2. Define CroppieMobile input parameters as you wish;

3. Define crop logic based on client action provided by the component, and respective JavaScript to complement