Silverlight Login Registration Page Using LINQ to SQL And WCF: Part 2

Figure 3:

Step 5:

Go to "page.caml.cs". First add the reference of your WCF service in the namespace declaration part:

using Insertdata.ServiceReference1;

After that write the code into the "Register_Click" event.

Service1Client sc = new Service1Client();
a = txtUserName.Text;
b = txtemailid.Text;
sc.InsertDataAsync(txtUserName .Text ,txtPassword .Text ,txtemailid .Text );
PopupWindow pw = new PopupWindow(a,b);
pw.Show();

Here I first create the object of Service reference. Now we have the 'InsertData" methods in our WCF file.

So here it will come "InsertdataAsync" and according to your method parameter you will pass your required Information.

Here I am passing username, password and mail id information.

Now create the object of Popupwindow and pass the username and mailid to the constructor of that "PopuoWindow".

So when we click the register button it will save the data to the table and display the username and mailid in to the
popup window.

Now here is the complete code of that "page.xaml.cs" file.

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;
using Insertdata.ServiceReference1;

namespace Insertdata
{
public partial class Page : UserControl
{
public string a, b, c;
public Page()
{
InitializeComponent();

}

private void Register_Click(object sender, RoutedEventArgs e)
{

Service1Client sc = new Service1Client();
a = txtUserName.Text;
b = txtemailid.Text;
sc.InsertDataAsync(txtUserName .Text ,txtPassword .Text ,txtemailid .Text );
PopupWindow pw = new PopupWindow(a,b);
pw.Show();

}

private void Cancel_Click(object sender, RoutedEventArgs e)
{
txtemailid.Text = "";
txtPassword.Text = "";
txtUserName.Text = "";
txtUserName.Focus();
}
}
}

Step 6:

Now go to the "Popupwindow.xaml.cs" file and paste the following code.

public PopupWindow(string a,string b)
{
InitializeComponent();
lblshow.Content = "Your userName is:-"+a.ToString();
lblshow_Copy.Content ="Your Given Email Id NAme Is :"+b.ToString ();

}

private void OKButton_Click(object sender, RoutedEventArgs e)
{
this.DialogResult = true;
}

private void CancelButton_Click(object sender, RoutedEventArgs e)

{
this.DialogResult = false;
}

Step 7:

Now in the XAML portion of the pop up window paste the following code:

<basics:ChildWindow.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="Black" Offset="0"/>
<GradientStop Color="#FF23D2EA" Offset="1"/>
</LinearGradientBrush>
</basics:ChildWindow.Background>
<Grid x:Name="LayoutRoot" Margin="0,0,0,-6">
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>

<Grid.Background>
<LinearGradientBrush EndPoint="0.357,-0.024" StartPoint="0.643,1.024">
<GradientStop Color="#FF12031E" Offset="0.204"/>
<GradientStop Color="#FFB30BB1" Offset="0.9"/>
</LinearGradientBrush>
</Grid.Background>

<Button x:Name="OKButton" Content="OK" Click="OKButton_Click" Width="75" Height="23" HorizontalAlignment="Right" Margin="0,0,62,53" VerticalAlignment="Bottom" d:LayoutOverrides="Height" />
<Button x:Name="CancelButton" Content="Cancel" Click="CancelButton_Click" Height="23" Margin="195,0,158,53" VerticalAlignment="Bottom" d:LayoutOverrides="Height" />
<dataInput:Label Height="59" Margin="55,8,62,0" VerticalAlignment="Top" Content="Thank You for Your registration" FontSize="18.667" FontStyle="Italic" RenderTransformOrigin="0.5,0.5" Foreground="#FFDBE2EC">
<dataInput:Label.Projection>
<PlaneProjection RotationY="-2" RotationX="-37"/>
</dataInput:Label.Projection>
<dataInput:Label.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform/>
<TranslateTransform X="-2"/>
</TransformGroup>
</dataInput:Label.RenderTransform>
</dataInput:Label>
<dataInput:Label x:Name="lblshow" Margin="55,71,62,0" FontSize="13.333" Foreground="#FFEBF2D7" Height="22" VerticalAlignment="Top">
<dataInput:Label.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="Black" Offset="0"/>
<GradientStop Color="#FFECFA5B" Offset="1"/>
</LinearGradientBrush>
</dataInput:Label.Background>
</dataInput:Label>
<dataInput:Label x:Name="lblshow_Copy" Margin="55,109,62,107" FontSize="13.333" Foreground="#FFEBF2D7">
<dataInput:Label.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="Black" Offset="0"/>
<GradientStop Color="#FFB5E60F" Offset="1"/>
</LinearGradientBrush>
</dataInput:Label.Background>
</dataInput:Label>
</Grid>
</basics:ChildWindow>

Step 8:

Now run the code. It will look like that in Figure 4. And when you click the registration button by giving the required credentials it will look like:

Figure 4:



Figure 5: