Answers

• JohnHardman GBUniversity admin

  November 2018 edited November 2018

  @Suriya_Kalidoss said:
  I need to add background image to grid layout.

  Load the image into an Image, then position the Image to span all columns and all rows of the Grid.

  0
• Suriya_Kalidoss Member ✭✭✭

  November 2018

  I can't able to understand could you please provide me code snippet

  0
• seanyda GBMember ✭✭✭✭✭

  November 2018

  @Suriya_Kalidoss said:
  I can't able to understand could you please provide me code snippet

   Grid test = new Grid();
  
              Grid.SetRowSpan(testItem, test.RowDefinitions.Count);
              Grid.SetColumnSpan(testItem, test.ColumnDefinitions.Count);
  

  0
• Suriya_Kalidoss Member ✭✭✭

  November 2018

  IF it is XAML code it could be better
  
  
  
  

  0
• TaylorD USMember ✭✭✭

  November 2018 Accepted Answer

  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>
  

  6
• NMackay GBInsider, University admin

  November 2018

  @Suriya_Kalidoss The documentation is excellent for Forms, check it out.

  https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/layouts/grid

  0