Hi Jimmy Tungol,

Unfortunately, Crosslight not yet support circular image on ListView controls using formbuilder.
But you could adopt other approach by using UITableViewController on iOS and override the CellImageSettings to have a CornerRadius. Example:

public override ImageSettings CellImageSettings {
	get 
	{
		return new ImageSettings() 
		{
			ImageSize = new SizeF(36, 36),
			CornerRadius = 18;
		};
	}
}

Best Regards,

Leo

Hi Jimmy,

Both WinPhone and WinRT can use this:

<!--Replace
<Image Source="{Binding YourImage, Converter={StaticResource ImageConverter}"/>
With
-->

<Ellipse>
    <Ellipse.Fill>
        <ImageBrush ImageSource="{Binding YourImage, Converter={StaticResource ImageConverter}"/>
    </Ellipse.Fill>
</Ellipse>

But for Android currently there are no easy way to create circular image however Crosslight Team already solve the issue and will be available in next version of crosslight also it will be similar to how IOS create circular image.

i will update you when next version are available.

Best Regards,

Arief

Nice, how about for other platforms? Like android...

I'd like to update that a nightly build of Crosslight is now available in here. This update includes the feature to display circular image on ListView for Android platform.

Simply ImageSettings property in the activity such as shown in the following snippet code.

public override ImageSettings ImageSettings
{
    get
    {
        return new ImageSettings()
        {
            ImageSize = new SizeF(160, 160), CornerRadius = 80f
        };
    }
}

Hope this help.