<!-- The data template for layoutD  in portrait mode -->
<DataTemplate xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:tm="using:SearchUI.TemplateManager"
              x:Key="Shared.LayoutD_Portrait_8_1_RP">
    <Button Style="{CustomResource Resources.Shared.TopLevelButtonStyle}"
            Command="{Binding System_ConnectedSearch_ActivateCommand}">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
            <TextBlock Grid.Row="0"
                       Grid.Column="0"
                       Grid.ColumnSpan="2"
                       tm:RichText.Text="{Binding System_ItemNameDisplay}"
                       MaxLines="2"
                       Style="{CustomResource Resources.Shared.SerpPrimaryTextStyle}"
                       AutomationProperties.AutomationId="Title"
                       Margin="0, 0, 0, 14" />
            <Rectangle Grid.Row="1"
                       Grid.Column="0"
                       Grid.RowSpan="2"
                       Style="{Binding Path=Extended:color.System_Search_Contents, Converter={CustomResource Resources.Shared.FinanceColorConverter}}"
                       Height="160"
                       Width="290"
                       HorizontalAlignment="Left"
                       VerticalAlignment="Top"/>
            <Grid Grid.Row="1"
                  Grid.Column="0"
                  Margin="25, 20, 25, 0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <TextBlock Grid.Column="0"
                           Text="{Binding Extended:prefixText.System_Search_Contents}"
                           Style="{CustomResource Resources.Shared.WhiteMediumLightTextStyle}"
                           AutomationProperties.AutomationId="StockIndicator"
                           Margin="0, 0, 6, 7"
                           VerticalAlignment="Bottom" />
                <TextBlock Grid.Column="1"
                           Text="{Binding Path=Extended:primaryInfo.System_Search_Contents}"
                           MaxLines="1"
                           Style="{CustomResource Resources.Shared.PrimaryInformationStyle}"
                           AutomationProperties.AutomationId="CurrentPrice" />
            </Grid>
            <Grid Grid.Row="2"
                  Grid.Column="0"
                  Margin="25, 12, 25, 0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <TextBlock Grid.Column="0"
                           Text="{Binding Extended:annotatedData[0].Extended:imageText.System_Search_Contents}"
                           Style="{CustomResource Resources.Shared.WhiteNormalRegularTextStyle}"
                           AutomationProperties.AutomationId="PriceChange" />
                <TextBlock Grid.Column="1"
                           Text="{Binding Path=Extended:annotatedData[1].Extended:imageText.System_Search_Contents}"
                           Style="{CustomResource Resources.Shared.WhiteNormalRegularTextStyle}"
                           AutomationProperties.AutomationId="PriceChangePercentage"
                           Margin="10, 0, 0, 0" />
            </Grid>
            <Grid Grid.Row="1"
                  Grid.Column="1"
                  Grid.RowSpan="2"
                  Margin="20, 0, 0, 0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition />
                </Grid.RowDefinitions>
                <TextBlock Grid.Row="0"
                           Text="{Binding Path=Extended:attribution.System_Search_Contents}"
                           Style="{CustomResource Resources.Shared.SerpSecondaryTextStyle}"
                           MaxLines="3"
                           AutomationProperties.AutomationId="Attribution" />
                <ContentControl Grid.Row="1"
                                Margin="0, 12, 0, 0"
                                VerticalAlignment="Top"
                                IsTabStop="False"
                                Content="{Binding}"
                                DataContext="{Binding Extended:appButton}"
                                ContentTemplateSelector="{CustomResource GenericDataTemplateSelector}" />
            </Grid>
        </Grid>
    </Button>
</DataTemplate>