65.9K
CodeProject is changing. Read more.
Home

How to change page theme in asp.net 2.0 dynamically at runtime

starIconstarIcon
emptyStarIcon
starIcon
emptyStarIconemptyStarIcon

2.31/5 (30 votes)

Apr 6, 2007

CPOL

1 min read

viewsIcon

136343

downloadIcon

2241

ASP.Net has introduced one neat feature called themes by virtue of which we can assign different themes to page at design time. Unfortunately there is not built in support to change page themes at runtime. Here is a simple code which can be used to change page themes at runtime.

Introduction

This is a simple code which can be used to change page themes at runtime.

Background

Basic knowledge of stylesheets is required.

Using the code

Live Demo

Before we proceed further I would recommend you to see live demo here to get idea what we are talking about.

Challenges

At first though we may say we can easily achieve this by coding it in Page_Preinit Event as shown below.

protected void Page_PreInit(object sender, EventArgs e)
    {
       Page.Theme = "Black"
       
    }

But problem with this is we cant assign value from dropdown box because Page_Preinit event is fired much before dropdown has changed value.

Solution

  1. Create one session variable which will hold current theme value
  2. On selection change event of dropdown combo box , assign value form combo box to session variable.
  3. During Page_preInit Event assign this variable value to Page.Theme property.
  4. Stop page loading and reload same page again using server.transfer method as shown below
protected void Page_PreInit(object sender, EventArgs e)
    {
        string thm;
        thm = (string)Session["themeSelected"];
        if (thm != null)
        {
            Page.Theme = thm;
            DropDownList1.Text = thm;
        }
        else
        {
            Session["themeSelected"] = DropDownList1.Text;
            Page.Theme = "Blue";
        }

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        Session["themeSelected"] = DropDownList1.Text;
        Server.Transfer(Request.FilePath);

    }

 

Summary

Problem was solved by using session variable and refreshing page at page load event by server.transfer method

Download

Fully functional source code with example can be downloaded from here

Points of Interest

  • Page_preinit is fired much before control initialization
  • Session variable used to store and retrieve page theme at page load event
  • server.transfer play important role here