Ben
Ben

Reputation: 3912

Xamarin Forms - Button Margin

I have the following Xaml:

<Grid Padding="0">
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="*"></ColumnDefinition>
          <ColumnDefinition Width="*"></ColumnDefinition>
          <ColumnDefinition Width="*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <ContentView Grid.Column="0">
          <Button Text="SomeText" 
                  BorderRadius="0" Grid.Column="0" 
                  BorderWidth="0"
                  BackgroundColor="Red"
                  TextColor="White"
                  ></Button>
        </ContentView>
        <ContentView Grid.Column="0">
          <Button Text="SomeText" 
                  BorderRadius="0" Grid.Column="0" 
                  BorderWidth="0"
                  BackgroundColor="Blue
                  TextColor="White"
                  ></Button>
        </ContentView>
        <ContentView Grid.Column="0">
          <Button Text="SomeText" 
                  BorderRadius="0" Grid.Column="0" 
                  BorderWidth="0"
                  BackgroundColor="Green
                  TextColor="White"
                  ></Button>
        </ContentView>
      </Grid>

When this renders, there is a gap between each of the buttons. I want the buttons to touch. I can't see any padding or margin set anywhere though?

Upvotes: 2

Views: 3776

Answers (1)

SushiHangover
SushiHangover

Reputation: 74194

Try:

<Grid Padding="0" ColumnSpacing="0" RowSpacing="0">

enter image description here

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="ButtonPaddingTest.ButtonPage">
    <ContentPage.Content>
    <Grid Padding="0" ColumnSpacing="0" RowSpacing="0">
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="*"></ColumnDefinition>
          <ColumnDefinition Width="*"></ColumnDefinition>
          <ColumnDefinition Width="*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
        <ContentView Grid.Column="0" Grid.Row="0" >
          <Button Text="SomeText" 
                  BorderRadius="0" Grid.Column="0" 
                  BorderWidth="0"
                  BackgroundColor="Red"
                  TextColor="White"
                  ></Button>
        </ContentView>
        <ContentView Grid.Column="0" Grid.Row="1" >
          <Button Text="SomeText" 
                  BorderRadius="0" Grid.Column="0" 
                  BorderWidth="0"
                  BackgroundColor="Blue"
                  TextColor="White"
                  ></Button>
        </ContentView>
        <ContentView Grid.Column="0" Grid.Row="2" >
          <Button Text="SomeText" 
                  BorderRadius="0" Grid.Column="0" 
                  BorderWidth="0"
                  BackgroundColor="Green"
                  TextColor="White"
                  ></Button>
        </ContentView>
      </Grid>
    </ContentPage.Content>
</ContentPage>

Upvotes: 2

Related Questions