Creating Themes in
ASP.NET à
Hi!
Here i will show you step by step procedure how to use
Creating Themes in ASP.NET in visual studio 2005 / 2008
The use of creating themes is to
format the controls in asp.net pages…
__________________________________________________
Here I am using Visual Studio 2008 but there is no condition you can use
Visual Studio 2005 also.
So follow these steps to create State Implementation
The Steps are:
1- Start -> All Programs -> Visual Studio 2005 or Visual Studio 2008
2- Now go to File Menu -> New -> Web Site
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#
4 - Click on the OK Button:-
First you have to learn XML and HTML to work with ASP .NET_
I have used <!– text –> to make the text as
comment this is the way to make comment in this code …
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”
%>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
<title>Type your webpage title here</title>
<!– Here you can specify your page title in between title tag
</head>
<body>
<form id=”form1? runat=”server”>
<div>
<!– In between div tags you can manage your web controls like buttons,
labels, picture
Box, ImageMap etc –>
</div>
</form>
</body>
</html>
See here is a tab named Design in the bottom of this page
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)
Open
Web.config file and write true in place of false, See
<compilation debug="true">
6- Drag two Label, one TextBox and one button control in the design window
or in the source window
7-Now the source window should be look like this :
<%@ Page Language="C#"
AutoEventWireup="true"
CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Creating Themes</title>
asp:Label ID="Label1" runat="server"
Text="Enter Your
Name in the Text Box"></asp:Label><br />
<br />
<asp:TextBox ID="TextBox1"
runat="server"></asp:TextBox><br />
<br />
<asp:Button ID="Button1" runat="server" Text="Click To Submit" /></div>
8- Now go to solution explorer and right click on the web site and choose Add New Item
and add a .skin extension file .
9- Now type this code in the .skin extension file
<asp:label runat="server"
width="350px"
height="50px"
font-bold="True"
font-size="Large"
forecolor="Red"
backcolor="Blue"/>
<asp:button runat="server"
forecolor="Blue"
backcolor="Silver"/>
<asp:textbox runat="server"
font-bold="True"
font-size="Medium"
forecolor="Blue"
backcolor="Silver"
font-italic="True"/>
10- Now you have to add one line in the Default.aspx page for applying the
theme on the page…
See how to apply the theme…
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
Type this line just after <title> tag like this
<title>Creating Themes</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
11 - Now run your web site by Ctrl + F5
OUT PUT
10-Now you will see that your control are now formatted …
11- Close web browser
12-Close visual studio
Thanks!
--Nikhil Kumar
9990677731
www.dotnetask.blog.co.in