Developing Silverlight applications using Visual WebGui

Wednesday, February 13, 2008

AJAX ASP.NET C# Silverlight Windows Forms WinForms

In the next 2 minute , let me demonstrate how we can develop Silverlight application
using Visual WebGui.

Prerequisites:

1. Visual WebGui SDK 5.84, 5.83.3 or higher (Download here).

2. Visual WebGui Extensions for Silverlight SDK (Download here).

After we install the framework we are ready to start a new project.

Let's open a new Visual WebGui Silverlight Application project:

The new Visual WebGUI Silverlight Application project will include all the required
files as displayed in our project's Solution Explorer.

After we are confirmed that our project contain all the relevant Silverlight components
we are ready to start designing our form.

The Visual WebGui designer, which appears below, has the same look and feel
as the WinForms designer.

We can resize our form to maximize our work area. We can do that by changing the
Form Size property or resizing the form using the mouse, just like normal WinForms behavior.

After our form is resized, we can add a control or two by using "drag and drop" to
put TextBox, Button and FontDialog controls on our form.

After we're done designing our form, we'll go and write some code that will open
the windows font dialog on the Button_Click event.

private void button1_Click(object sender, EventArgs e)

{

FontDialog1.ShowDialog();

}

Now lets add Closed event for our Font Dialog and write the code behind.

        void FontDialog1_Closed(object sender, System.EventArgs e)
        {
            if (this.FontDialog1.DialogResult == DialogResult.OK)
            {
                this.TextBox1.Text = this.FontDialog1.Font.ToString();
            }
        }

Our mini Silverlight project is done, all we need now to do is set the configuration
and run it, Let's open our project properties by selecting the project in the
solution tree and right click.