Developing Silverlight applications using Visual WebGui

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

image

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:

image

image

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

image      image

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.

image

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.

image 

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.

image

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.

image

        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.

image

Select the Web tab and set the "Specific Page" attribute to "Form1.swgx",
the swgx extension stand for Silverlight Visual WebGui.

image

OK you can all relax we are done, just sit back and run your project.

image

image

See this Quick Start as a WebCast here.

Download this Quick Start sources here.

Please visit our site www.visualwebgui.com/silverlight

Published Wednesday, February 13, 2008 8:03 PM by Visual WebGui

Comments

No Comments

Leave a Comment

(required) 
(required) 
(optional)
(required)