Brockmann: "Creating Rich Web
Applications Gets a Ton Easier"

e-grou chooses Visual WebGui
over standard ASP.NET

Quick migration of VB 6.0
Applications to the Web

Try the revolutionary Studio
the all-new 6.4 beta is here

Fully functional software versions
for 30 days evaluation period

Download the free edition of the
Visual WebGui Studio
 

Tutorials

host posted on February 13, 2008 :: 3709 Views :: User Rating:Article Rating
Share |

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

Posted in: Silverlight
6 Users Rated: Article Rating
There are currently no comments, be the first to post one.
Only registered users may post comments.
Most promising startups
Top 3 most promising startups in 2009
   AJAX Framework | Web Development | Cloud applications | RIA Development | Silverlight Applications | Legacy Migration
The most popular open source Ajax applications framework for enterprises | Sitemap | Terms Of Use | Privacy Statement
Copyright © 2005-2009 Visual WebGui®    Design By: Template World
   
Visual Studio Partners