We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Circle Image Diameter

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

1 Reply

BK Bharathiraja K Syncfusion Team April 11, 2019 02:10 AM

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. 
  
  
Regards, 
Bharathi. 


Loader.
Live Chat Icon For mobile
Up arrow icon