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
Tidak ada komentar:
Posting Komentar