Buffer.xaml

<UserControl x:Class="ArcGIS.WPF.Samples.Buffer.Buffer"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:esri="http://schemas.esri.com/arcgis/runtime/2013">
    <Grid>
        <esri:MapView x:Name="MyMapView" />
        <Border Style="{StaticResource BorderStyle}">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition />
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>
                <Label Grid.Row="0"
                       Grid.Column="0"
                       Grid.ColumnSpan="3"
                       HorizontalContentAlignment="Center"
                       Content="Click the map to create planar and geodesic buffers."
                       FontWeight="SemiBold" />
                <Label Grid.Row="1"
                       Grid.Column="0"
                       Grid.ColumnSpan="2"
                       HorizontalAlignment="Right"
                       Content="Buffer distance (miles):" />
                <TextBox x:Name="BufferDistanceMilesTextBox"
                         Grid.Row="1"
                         Grid.Column="2"
                         MinWidth="80"
                         VerticalContentAlignment="Center"
                         Text="1000"
                         TextAlignment="Right" />
                <Ellipse x:Name="BufferSwatchPlanarEllipse"
                         Grid.Row="2"
                         Grid.Column="0"
                         Width="20"
                         Height="20"
                         Stroke="LightGray" />
                <Label Grid.Row="2"
                       Grid.Column="1"
                       HorizontalAlignment="Left"
                       Content="Planar buffers (Web Mercator)" />
                <Ellipse x:Name="BufferSwatchGeodesicEllipse"
                         Grid.Row="3"
                         Grid.Column="0"
                         Width="20"
                         Height="20"
                         Stroke="LightGray" />
                <Label Grid.Row="3"
                       Grid.Column="1"
                       HorizontalAlignment="Left"
                       Content="Geodesic buffers" />
                <Button x:Name="ClearBuffersButton"
                        Grid.Row="4"
                        Grid.Column="0"
                        Grid.ColumnSpan="3"
                        Margin="0,10,0,0"
                        Click="ClearBuffersButton_Click"
                        Content="Clear" />
            </Grid>
        </Border>
    </Grid>
</UserControl>