.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
 
Sign In
Register
 
Win Surprise Gifts!!!
Congratulations!!!


Top 5 Contributors of the Month
david stephan

Home >> Articles >> ASP.NET >> Post New Resource Bookmark and Share   

 Subscribe to Articles

Creating and Applying Themes on the fly in ASP.NET

Posted By:Nikhil Kumar       Posted Date: January 15, 2010    Points: 25    Category: ASP.NET    URL: http://www.dotnetspark.com  

In this article I will show you step by step procedure, how to Create and Apply Themes Dynamically or on the fly in ASP.NET using Visual Studio 2005 or Visual Studio 2008.
 

Creating and Applying Themes Dynamically

In this article, I will show you step by step procedure, how to Create and Apply Themes Dynamically in ASP.NET using Visual Studio 2005 or Visual Studio 2008.

To follow this code sample, you must use Visual Studio 2005 or Visual Studio 2008.

I have used to comment HTML part of the code.

Note: Creating and Applying Themes Dynamically is a part of AjaxControlToolkit.
To attach right click on the toolbox under Ajax Extensions and select Choose Items - > Browse Button - > select the AjaxControlToolkit.dll. If you are using Visual Studio 2008, you may not need AJAX Toolkit but if you are using Visual Studio 2005, you will need to download it from
http://www.msdn.com/ or http://www.asp.net/.

Step 1. Start -> All Programs -> Visual Studio 2005 or Visual Studio 2008

Step 2. Now go to File Menu -> New ->Web Site

Step 3. 

Under Visual Studio Installed Template-> Choose ASP.NET WEB SITE -> Choose File System from the location combo box -> Set the path by the browse button - > Choose the language from the Language ComboBox (Visual C# , Visual Basic , J #)

Choose Visual C#

Step 4. Click on the OK Button.

This is the source code window and in this page you will se this code.
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
 

 


Type your webpage title here  



See here is a tab named Design in the bottom of this page.
 
Step 5. Click on this tab and you will see a blank Web Page where you can drag any control from the toolbox (which is in the left side of this window).

Step 6. Drag one Panel Control,One Button control and Two Label control and Two TextBox Control to the designer from Toolbox by clicking Button and Label control in the Toolbox and dropping them to the page designer.

Step7.And maintain your code format like this.
             

      





Pink


Red





Step 8.  Don't be frustrate on seeing this code please read carefully its very simple.

Step 9. In solution Explorer right click on the web site and Add new item - > select Skin File -> Rename it Red

And again import a skin file then rename it with pink

Copy two images from your hard drive and paste them in your web site folder in this format..

Solution.jpg


Step 10. Now Open Pink Skin file and write this code..



Step 11 .Now Open Red skin file and write this code into it.




Step 12.Now run your web site by Ctrl + F5

OUT PUT

Step 13. When you run the Creating and Applying Themes Dynamically And select the pink then it will show like this..


Themes.JPG

Step 14. Close Browser


Step 15. Close Visual Studio.
 

Thanks!
--Nikhil Kumar

 Subscribe to Articles

     

Further Readings:

Responses

No response found. Be the first to respond this post

Post Comment

You must Sign In To post reply
Find More Articles on C#, ASP.Net, Vb.Net, SQL Server and more Here

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend