Question

So I have a grid with a background. Inside the grid is a WebView and then some space on the left hand side of the screen where I have just placed a Button for now.

As the program runs, the left hand bar (that shows the grid with the background and the button laid out on it) doesn’t render, instead I get the background, no controls on it and a black triangle (or geometric shape) at the bottom.

I suspect it’s an issue with the VM and the video driver. I had a similiar issue with WPF a few years ago and MS’s response was that I had an incompatible video driver that was causing the form to not render correctly at all times (this is very much the same behavior).

What can I do to prevent this? I’m including an image.

I’m going to include the small XAML I used and then a screenshot of the behavior (The XAML I rekeyed by hand):

<Grid>
    <Grid.Background>
        <ImageBrush ImageSource="Media/Background.jpg" />
    </Grid.Background>
    <TextBlock FontSize="24" Margin="15,15,0,0">Sample Label</TextBlock>
    <WebView x:Name="wv1" Margin="250,0,0,0"></WebView>
    <Button Content="Do Something" HorizontalAlignment="Left" Height="42" Margin="57,131,0,0" VerticalAlignment="Top" Width="170" Click="Button_Click1" />
</Grid>

Answer 1

VMs don’t work well with multimedia. You should expect all sorts of problems with video.