Microsoft Silverlight 2.0 Beta 2 – Creating a Custom Splash Screen for aspx page

As noted this is using the html page rather than the aspx page as the startup. Make sure that you are testing with a xap that is large enough to display the splash screen. You can add a large file and set it to Embedded Resource. The xap and splashscreen.xaml have to be in the same folder. Put the following Java Script in the aspx page.

<script type="text/javascript" language="javascript">
Function onSourceDownloadProgressChanged(ByVal sender, ByVal eventArgs)
{
    var p = $get("XAML1?).content; 
    p.findName ( "uxStatus"). Text = "Loading " + Math.round (eventArgs.get_progress () * 100) + "%"; 
    p.findName ( "uxProgressBar"). ScaleY = eventArgs.get_progress () * 356; 
}
<script>

This is an example of the <div used to display the splash screen. Note the items in Red.

<div style="height:100%;">
    <asp:Silverlight ID="Xaml1? runat="server" Source=>"~/SplashScreenSource.xap"
	</span>
    MinimumVersion="2.0.30523? Width="100%" Height="100%" 
    OnPluginError="onSilverlightError" SplashScreenSource="~/SplashScreen.xaml"
	OnPluginSourceDownloadProgressChanged="onSourceDownloadProgressChanged"
</div>

You can use the xaml from the example on the forum to test this. Remember to copy the xap to the same folder as the SplashScreen.xaml. The ~/ means I had it in the same folder as the aspx page. I did find that when you are testing this you have to clear out the browser history/cache to get it to display.