Make sure the image is at the top code area of the Grid you are putting the image in. This makes sure that ALL elements are in front of your image correctly.
<Grid> <!-- Insert however many rows and columns you need --> <Grid.RowDefinitions> <RowDefinition Height="INSERT_HEIGHT_HERE"/> <RowDefinition Height="INSERT_HEIGHT_HERE"/> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="INSERT_WIDTH_HERE"/> <ColumnDefinition Width="INSERT_WIDTH_HERE"/> </Grid.ColumnDefinitions> <Image Source="PATH_TO_IMAGE" Grid.Row="0" Grid.Column="0" Grid.RowSpan="NUM_OF_ROWS" Grid.ColumnSpan="NUM_OF_COLUMNS"/> <!-- Place other elements in Grid below this point --> </Grid>
Answers
Load the image into an Image, then position the Image to span all columns and all rows of the Grid.
I can't able to understand could you please provide me code snippet
IF it is XAML code it could be better
Make sure the image is at the top code area of the Grid you are putting the image in. This makes sure that ALL elements are in front of your image correctly.
@Suriya_Kalidoss The documentation is excellent for Forms, check it out.
https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/layouts/grid