Circle Image Diameter

[Dean Martin]

Based on the documentation for a circle image:

<Grid HeightRequest="100" WidthRequest="100" HorizontalOptions="Center" VerticalOptions="Center">
    <border:SfBorder BorderColor="Black" HorizontalOptions="Center" VerticalOptions="Center" CornerRadius="50">
        <Image Source="plus.jpeg" />
    </border:SfBorder>
</Grid>

How would I adjust the diameter of the circle?  No matter what I do, the circle is always a fixed size.

Thanks,

Dean

[Bharathiraja K]

Hi Dean Martin, 

  

Thanks for using Syncfusion products.  

 

In the provided code snippet, you have set that height and width as 100 for the grid and the same value is applied to control. Hence, you were not able to increase the circle diameter further.   

   

Code Snippet: 

<Grid HeightRequest="200" WidthRequest="200" HorizontalOptions="Center" VerticalOptions="Center"> 

        <Grid.RowDefinitions> 

            <RowDefinition/> 

            <RowDefinition Height="0.1*"/> 

        </Grid.RowDefinitions> 

        <border:SfBorder x:Name="border" BorderColor="Black" CornerRadius="50" HorizontalOptions="Center" VerticalOptions="Center">  

            <Image Source="button.png" /> 

</border:SfBorder> 

        <Slider Margin="0,10,0,0" Grid.Row="1" x:Name="silder" Minimum="0" Maximum="1" MaximumTrackColor="Green" MinimumTrackColor="Green" ValueChanged="Silder_ValueChanged"/> 

    </Grid> 

  

So, we have prepared the sample based on your requirement and it can be downloaded from the below link. 

  

Sample Link: http://www.syncfusion.com/downloads/support/directtrac/general/ze/Curve_border-909307245  

  

Regards, 

Bharathi.