Introduction:
While working in asp.net, we
need to change the style of the application dynamically. We can change the
style sheet dynamically. In this article
I will explain how to change style sheet
dynamically.
Implementation:
First of all create two or
three style sheets in CSS folder of application. I have created three
stylesheets here in this example as given below:
StyleSheet:
body {
font-family:Arial;
font-size:15px;
}
.container
{
background:#fff;
color:#000;
text-align:center;
font-weight:bold;
}
table {
margin-left: 375px;
}
StyleSheet2:
body {
font-family:Arial;
font-size:15px;
}
.container
{
background:#0094ff;
color:#fff;
text-align:center;
font-weight:bold;
}
table {
margin-left: 375px;
}
StyleSheet3:
body {
font-family:Arial;
font-size:15px;
}
.container
{
background:#ff0000;
color:#fff;
text-align:center;
font-weight:bold;
}
table {
margin-left: 375px;
}
First StyleSheet is default Stylesheet of
project/website.
In this example I have placed three buttons
to perform the task.
Now design page as given below:
Design Section of
WebPage:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="css/StyleSheet.css" rel="stylesheet" id="linkstylesheet" runat="server"/>
</head>
<body>
<form id="form1" runat="server">
<div>
<div class="container">
Change CSS or Style of the application or website dynamically
</div>
<table><tr><td>
<asp:Button ID="btndefault" runat="server" Text="Use Default StyleSheet"/></td><td><asp:Button ID="btnstyle2" runat="server" Text="Use Second StyleSheet" /></td><td><asp:Button ID="btnstyle3" runat="server" Text="use 3rd StyleSheet"/></td></tr></table>
</div>
</form>
</body>
</html>
ASP.NET
Code section:
Using C#:
protected void btndefault_Click(object sender, EventArgs e)
{
linkstylesheet.Href = "~/CSS/" + "StyleSheet.css";
}
protected void btnstyle2_Click(object sender, EventArgs e)
{
linkstylesheet.Href = "~/CSS/" + "StyleSheet2.css";
}
protected void btnstyle3_Click(object sender, EventArgs e)
{
linkstylesheet.Href = "~/CSS/" + "StyleSheet3.css";
}
Using VB:
Protected Sub btndefault_Click(sender As Object, e As EventArgs) Handles btndefault.Click
linkstylesheet.Href = "~/CSS/" + "StyleSheet.css"
End Sub
Protected Sub btnstyle2_Click(sender As Object, e As EventArgs) Handles btnstyle2.Click
linkstylesheet.Href = "~/CSS/" + "StyleSheet2.css"
End Sub
Protected Sub btnstyle3_Click(sender As Object, e As EventArgs) Handles btnstyle3.Click
linkstylesheet.Href = "~/CSS/" + "StyleSheet3.css"
End Sub
0 comments:
Post a Comment