Ayo Softech

Thursday 11 August 2016

Dynamically change (switch) CSS file programmatically from code behind in ASP.Net

Step 1 :
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link id="lnkCSS" runat="server" href = "~/CSS/Default.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <asp:Label ID="Label1" runat="server" Text="This is a Label" CssClass="label"></asp:Label>
    <hr />
    <asp:Button ID="Button1" runat="server" Text="CSS 1" OnClick="ChangeCSS" CommandArgument="CSS1.css" />
    <asp:Button ID="Button2" runat="server" Text="CSS 2" OnClick="ChangeCSS" CommandArgument="CSS2.css" />
    </form>
</body>
</html>
 
Step 2 :
Default.css
CSS1.css
CSS2.css
 
Step 3 :
protected void ChangeCSS(object sender, EventArgs e)
{
    lnkCSS.Attributes["href"] = "~/CSS/" + (sender as Button).CommandArgument;
}
 
 
 

No comments:

Post a Comment