Question

I’m working windows phone 7 app which loads an image inside a HyperlinkButton. This works great, except for the Stretch="Uniform" causes white space to be put around the image when it is not perfectly square. Is there a way to make this transparent?

<HyperlinkButton NavigateUri="{Binding Id, StringFormat='{}/x;component/Pages/FullScreenImage.xaml?id={0}'}"
                    Grid.Column="0" Grid.Row="0"
                    toolkit:TiltEffect.IsTiltEnabled="True" Background="Transparent">
    <HyperlinkButton.Template>
        <ControlTemplate TargetType="HyperlinkButton">
            <Grid Margin="0,0,0,10" >
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>

                <TextBlock Grid.Column="0"
                    Grid.Row="0"
                    Text="Advertised"
                    Margin="10,0,0,0"
                    Style="{StaticResource PhoneTextSubtleStyle}" />
                <Image Grid.Column="0"
                    Grid.Row="1"
                    Margin="0"
                    Stretch="Uniform" 
                    Source="{Binding ExpectedImage}"  />
            </Grid>
        </ControlTemplate>
    </HyperlinkButton.Template>
</HyperlinkButton>

Answer 1

My image source is creating the white. :-/