Programmatically Change RadioButtonList BackGround Color in ASP.NET

Introduction

In this example we will show that how to change backGround color of the RadioButtonList. There are two methods for changing background color, first method contains Color structure and second method contain style sheet.

Algorithm behind the scene 

Step-1: Add a RadioButtonList and Button control on WebForm.
Step-2: Generate the Click event of Button
Step-3: Change color using System.Drawing.Color.Beige structure.
Step-4: In Second Method add attribute with RadioButtonList.

Example of change RadioButtonList BackGround.

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
   
        <asp:RadioButtonList ID="RadioButtonList1" runat="server" Height="26px" Width="201px">
            <asp:ListItem>ASP.NET</asp:ListItem>
            <asp:ListItem>WINDOWS PHONE</asp:ListItem>
            <asp:ListItem>C#</asp:ListItem>
            <asp:ListItem>WINDOWS STORE</asp:ListItem>
        </asp:RadioButtonList>
        <br />
        <asp:Button ID="Button1" runat="server" Height="32px" Text="First Method " Width="108px" OnClick="Button1_Click" />
        <br />
        <br />
        <asp:Button ID="Button2" runat="server" Height="32px" Text="Second Method" Width="108px" OnClick="Button2_Click" />
   
    </div>
    </form>
</body>

</html>

Codebehind code

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

public partial class Default4 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        RadioButtonList1.BackColor = System.Drawing.Color.Bisque;

    }
    protected void Button2_Click(object sender, EventArgs e)
    {
        RadioButtonList1.Attributes.Add("Style", "Background-color:Red");
    }
}


Output



Programmatically Change RadioButtonList BackGround Color in ASP.NET Programmatically Change RadioButtonList BackGround Color in ASP.NET Reviewed by Jacob Lefore on November 18, 2013 Rating: 5

No comments