Getting started with Silverlight Application

Anjaiah Keesari

The text of this article is not in this database — only its details are. Read it on the old site: Getting started with Silverlight Application

5 Comments

Join the conversation! Your thoughts help the community grow.

sumit jadhav16y ago
wonderful artical for freshers . Thanks
Sco16y ago
I am brand new to Silverlight so I thought that this would be a good first try. I've always thought myself pretty good at copy and paste, so I followed the instructions in the article section; "Creating Silverlight Application with Notepad." When my page renders, I get the yellow background, but nothing else. Also, my left click does a lot of nothing. I'm using IE 8 and my site is in the trusted zone. Other Silverlight apps seem to work just fine on my computer. Anyone have an idea what I might be doing wrong? Thanks. Sco
- Anjaiah Keesari16y agoedited
  <link rel="File-List" href="file:///C:%5CUsers%5Ckeesari%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml"><link rel="themeData" href="file:///C:%5CUsers%5Ckeesari%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx"><link rel="colorSchemeMapping" href="file:///C:%5CUsers%5Ckeesari%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml"> looks like they did not copy past my code properly here is the corrected code: SilverlightApplicationInNotePad.html<o:p></o:p> <html><o:p></o:p> <head><o:p></o:p> <title>This is my first Silverlight Application developed using Notepad</title><o:p></o:p> </head><o:p></o:p> <script type="text/javascript" ><o:p></o:p> // Create the MouseLeftButtonDownClick event handler for the root Canvas object.<o:p></o:p> function MouseLeftButtonDownClick(sender, args) {<o:p></o:p> <o:p></o:p> var x = args.GetPosition(sender).x;<o:p></o:p> var y = args.GetPosition(sender).y;<o:p></o:p> <o:p></o:p> // Retrieve a reference to the plug-in<o:p></o:p> var plugin = sender.getHost();<o:p></o:p> <o:p></o:p> //Creates XAML content dynamically.<o:p></o:p> var textblockXaml = '<TextBlock Canvas.Left=" ' + x + '" Canvas.Top="' + y + <o:p></o:p> '" FontSize="18" Text="hello" Foreground="#CCCCCC"/>'<o:p></o:p> <o:p> </o:p> var textblock = plugin.content.CreateFromXaml(textblockXaml);<o:p></o:p> // Add the XAML fragment as a child of the root Canvas object.<o:p></o:p> sender.children.add(textblock);<o:p></o:p> }<o:p></o:p> </script><o:p></o:p> <script type="text/xaml" id ="xamlsource"><o:p></o:p> <Canvas xmlns ="http://schemas.microsoft.com/client/2007"<o:p></o:p> Width="640"<o:p></o:p> Height="480"<o:p></o:p> Background="Black"<o:p></o:p> MouseLeftButtonDown="MouseLeftButtonDownClick"><o:p></o:p> <TextBlock Canvas.Left="4" FontSize="18" Text="My First Silverlight Application" Foreground="#CCCCCC"/><o:p></o:p> <Ellipse Canvas.Left="20" Canvas.Top="50" <o:p></o:p> Fill="Orange" Width="200" Height="80" /><o:p></o:p> <Rectangle Canvas.Left="250" Canvas.Top="50" Width="80" Height="80" Fill="Red"/><o:p></o:p> <Line Canvas.Left="20" Canvas.Top="100" <o:p></o:p> X1="20" Y1="20" X2="100" Y2="100" Stroke="Yellow" StrokeThickness="10"/><o:p></o:p> <Polygon Canvas.Left="80" Canvas.Top="140" <o:p></o:p> Fill="blue" Stroke="Green" StrokeThickness="10"<o:p></o:p> Points="20,20 100,100 200,10"/><o:p></o:p> <o:p> </o:p> <Path Canvas.Left="160" Canvas.Top="140" <o:p></o:p> Stroke="yellow" StrokeThickness="10"><o:p></o:p> <Path.Data><o:p></o:p> <PathGeometry><o:p></o:p> <PathFigure StartPoint="20,20"><o:p></o:p> <BezierSegment Point1="120,0" Point2="50,300" Point3="200,200"/><o:p></o:p> </PathFigure><o:p></o:p> </PathGeometry><o:p></o:p> </Path.Data><o:p></o:p> </Path><o:p></o:p> </Canvas><o:p></o:p> </script><o:p></o:p> <body><o:p></o:p> <object type="application/x-silverlight" <o:p></o:p> id="silverlightControl"<o:p></o:p> width="100%" <o:p></o:p> height="100%"><o:p></o:p> <param name="background" value="Yellow"/><o:p></o:p> <param name="source" value="#xamlsource"/><o:p></o:p> </object><o:p></o:p> </body><o:p></o:p> </html><o:p></o:p>
- Sco16y ago
  Anjaiah, Thanks for the fast answer. That got it working! Thanks again. Sco
Terry Auping16y ago
Thanks for helping me understand what VS is doing behind scenes - great approach for us getting started