Search
 Search
GET THE HOTEST NEWS ABOUT VISUAL WEBGUI.
EVERY THING YOU NEED TO START DEVELOPING WITH VISUAL WEBGUI.
SEE VISUAL WEBGUI SHOW CASES FROM AROUND THE WORLD.
ALL THE RESOURCES YOU NEED TO START BUILDING VISUAL WEBGUI APPLICATIONS TODAY.
SHARE AND FIND VISUAL WEBGUI RESOURCES.
TALK WITH OTHER VISUAL WEBGUI DEVELOPERS.
 
Quick Starts

Current Articles | Categories | Search | Syndication

Creating Silverlight themes   

Published on:  Wednesday, February 13, 2008
By:  host
User Rating:  
Categories:   Silverlight Home Page

Users have accessed this article 861 times.

Creating Silverlight themes

In the next 2 minute , let me demonstrate how we can create a new Silverlight theme for
your Visual WebGui application.

image

Prerequisites:

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

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

3. Silverlight Expression Blend.

 

After we install the framework and external tools we are ready to create our new Silverlight theme.

Let's open our "Developing Silverlight Application using Visual WebGui" project (Download Here) and run it.

image

image

This is how our project looks like before we change the theme, now let's add a new project
to our solution by selecting the project in the solution tree and right click.

image

image 

Now in our solution tree we can the new WebGUI Silverlight Theme project, as you can see
this project contain all Visual WebGui XAML files

image 

At this point we should open Microsoft Expression Blend 

image

From Microsoft Expression Blend will select "Open Project" and navigate to
our Visual WebGUI Silverlight Theme project File.

image

The Microsoft Expression Blend will open our solution files in his project tree.

image

Now let's scroll up and select the Button.xaml file.

image

Using Microsoft Expression Blend designer we will create a different
Mouse Enter and Mouse Leave animation effects.

image

After our animation changes are done, let's go back to our Visual WebGui Silverlight
Theme project and set the "Output Path" by selecting the project in the
solution tree and right click then click on the Properties.

image 

Select the Build tab and set the "Output Path" attribute to the application
"CilentBin" directory.

image

After we set our project properties we can build our solution

image

Now let's go back to our Visual WebGui Application project and open the Web.config file,

within this file add the "SilverlightTheme" tag and set the "Value" attribute to the

full theme assembly name.

image

Finally we are done and ready to go live, just run your application and see all your UI changes

image

See this Quick Start as a WebCast here.

Download this Quick Start sources here.

Please visit our site www.visualwebgui.com/silverlight

Rating
Comments
Currently, there are no comments. Be the first to post one!
Click here to post a comment

Copyright © 2005-2008 Visual WebGui®   Terms Of Use  Privacy Statement
Visual WebGui is copyright 2005-2008 by Gizmox