How can we alter CSS at runtime using ASP.NET using C#

  ASP.NET   Friday, November 28, 2014   7856 | No Comments Yet!!! | Not Downloaded Yet!!! | No Demo | Pawan Kumar
 Tags: Alter CSS Runrime  Alter CSS ASP.NET 

In this Tutorial,I will show you to alter the CSS at runtime, below is the source codes throgh which we can attain our objective.  I have placed the label inside div and added runat attribute. In page load, I have assigned the css name to div.

So lets starts the coding.

Step 1: Create a New Website in Visual Studio 2010.
Step 2: Add a new WebForm(Default.aspx) with the following codes.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

"-//W3C//DTD XHTML 1.0 Transitional//EN" "">
"Head1" runat="server">
    Alter CSS at runtime
    "CSS.css" rel="stylesheet" type="text/css" id="stylesheet" />

    "form1" runat="server">
"divName" runat="server"> "Label1" runat="server" Text="">

Step 3: Create a CSS StyleSheet with name "Stylesheet1.css" with the following codes.

    font-weight: bold;

Step 4: Add the following codes in Code Behind of the ASPX page already created in step 2.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
    protected void Page_Load(object sender, EventArgs e)
        if (!IsPostBack)
            divName.Attributes["class"] = "lblStyle";

So, In this tutorial we have learned how to alter CSS at runtime. Hope you have enjoyed this tutorial.


Download Source Codes

Post Comments

if you have some suggestion, question, request on How can we alter CSS at runtime using ASP.NET using C#.

Please use the comment box to express your views.