Avatar upload - crop image to a set size

Hi sunny_mody - You can do this in a 2 step process. 

First create a custom component that you will place on the upload avatar page

<!-- -->
<@liaAddScript>
(function($) {
   $(document).one("LITHIUM:updateCoordinates",function() {
       var image = $(".lia-image-cropper-source-container > .lia-quilt-column-alley-left > img");
       var img = new Image();
            function addAspectRatio() {
                image.data("Jcrop").setOptions({aspectRatio: 1});
            }
            
            function addLater() {
                        if (!image.data("Jcrop")) {
                                window.setTimeout(addLater, 50);
                        } else {
                                addAspectRatio();
                        }
            }
            
            img.onload = addLater;
            img.src=image[0].src;
    });
})(LITHIUM.jQuery);
</@liaAddScript>

Then, in the skin properties, set the avatar height and width to be the same:

size.pixel.avatar_profile_h                                     = 125
size.pixel.avatar_profile_w                                     = 125

size.pixel.avatar_message_h                                     = 50
size.pixel.avatar_message_w                                     = 50

You are now good to go!