Introduction To Silverlight in ASP.Net

Introduction

Silverlight is a web-based technology that allows web designers and web developers to explore the boundaries of web application development. It is an integration of rich user interface of desktop applications, where we use the HTML and JavaScript web languages. Silverlight helps in building web applications that contain high-fidelity multimedia content and eye catching visual effects.

Architecture of Silverlight



We will make a simple Silverlight application in Visual Studio 10. Open Visual Studio 10.

Create a New Project by pressing Ctrl + Shift + N, under C# go to Silverlight and choose Silverlight application. Name it Silverlight_demo.



This is your mainpage.xaml page where you will write your design code. It is very similar to a default .aspx page where we write design code in ASP.NET.



These are the main default files that exist when you create a new project.



This is your mainpage.xaml page code.

<UserControl x:Class="SilverlightApplication4.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White">
        <TextBox Height="60" HorizontalAlignment="Left" Margin="28,104,0,0" Name="textBox1" Text="Welcome here for getting Silverlight"  VerticalAlignment="Top" Width="343" FontWeight="Bold" Background="#FF89FF89" Foreground="#FF1847D1" Padding="12" FontSize="15" />
    </Grid>
</UserControl>

The design will look like the following:

 

Now open your MainPage.Xaml.cs page to make some server-side code for your textblock. Add your code after the InitializeComponent() in the constructor.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace SilverlightApplication4
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            // default constructor
            InitializeComponent();
            // we will add our textblock code here :

            TextBlock txtn = new TextBlock()
            {

                Name = "textBox1",
                Text = "Welcome here for Getting Silverlight",
                Foreground = new SolidColorBrush(Colors.Blue),

            };

        }
    }
}

By pressing F5 you will get your output something like the following:



Thank you for reading, Have a nice day! I hope you will like this.