Bug: Silverlight failed to render larger canvas (if width is > 2100) in Microsoft Windows Phone 7

Question

I'm working with Microsoft Windows Phone Developer Tools Beta -ENU. 

Silverlight failed to render Larger canvas (if width is > 2100) in Microsoft Windows Phone 7

Below is the test case

MainPage.xaml

<phone:PhoneApplicationPage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
    x:Class="WindowsPhoneApplication2.MainPage"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot contains the root grid where all other page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="24,24,0,12">
            <TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock x:Name="PageTitle" Text="page name" Margin="-3,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" >
            <Canvas Margin="44,49,108,101" Width="333" Height="444">
                <ScrollViewer Height="363" Background="#00CE4242" ScrollViewer.HorizontalScrollBarVisibility="Visible" Canvas.Left="35" Canvas.Top="17" Width="251">
                    <Canvas Height="247" Width="4000" Background="#FFD04444">
                        <StackPanel Height="170" Canvas.Left="8" Canvas.Top="30" Width="3008" Background="#FF787BA3" Orientation="Horizontal">
                            <Rectangle Stroke="Black"  Width="2200" Margin="0,8,0,26">
                                <Rectangle.Fill>
                                    <LinearGradientBrush EndPoint="0.962,0.474" MappingMode="RelativeToBoundingBox" StartPoint="0.007,0.463">
                                        <GradientStop Color="Black"/>
                                        <GradientStop Color="White" Offset="0.916"/>
                                        <GradientStop Color="#FFFFEA00" Offset="0.964"/>
                                        <GradientStop Color="Red" Offset="1"/>
                                    </LinearGradientBrush>
                                </Rectangle.Fill>
                            </Rectangle>
                            <Rectangle Fill="#FFD85731" Height="24" Stroke="Black"  Width="400"/>
                        </StackPanel>
                    </Canvas>
                </ScrollViewer>
            </Canvas>
        </Grid>
    </Grid>
</phone:PhoneApplicationPage>

MainPage.xaml.cs

namespace WindowsPhoneApplication2
{
    public partial class MainPage : PhoneApplicationPage
    {
        public MainPage()
        {
            InitializeComponent();
        }
    }
}

Answer 1

Hi, I have the same problem with a custom control. It just renders not more after 2100 pixels.

But no exception or anything else. Seems to be a bug and I could not get it working too.

Answer 2

Hi Malignate,

This bug is really really embarrassing. Im unable to continue my project. I dont know what to do now.

@All @Microsoft

Is there any workarround? Are you guys going to fix this issue in the next release?

Answer 3

Is there any update on this issue?

Answer 4

I met the same issue, Do you have any update?

Answer 5

Is there any update on this issue? Any workarounds?