Set style for label : ListItem « ASP.net Controls « ASP.NET Tutorial
- ASP.NET Tutorial
- ASP.net Controls
- ListItem
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="ListControlProgrammatic" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Programmatic Iteration of ListControl</title>
</head>
<body>
<form id="form1" runat="server">
<div id="container">
<h1>Choose multiple colors (use ctrl or shift): </h1>
<asp:ListBox ID="myList" runat="server"
SelectionMode="Multiple" Rows="6">
<asp:ListItem Value="#FF0000">Red</asp:ListItem>
<asp:ListItem Value="#FF00FF">Magenta</asp:ListItem>
<asp:ListItem Value="#FFFF00">Yellow</asp:ListItem>
<asp:ListItem Value="#00FF00">Green</asp:ListItem>
<asp:ListItem Value="#00FFFF">Cyan</asp:ListItem>
<asp:ListItem Value="#0000FF">Blue</asp:ListItem>
</asp:ListBox>
<asp:Button ID="myBtn" runat="server" Text="Submit"/>
<asp:Label ID="labResult" runat="server" Width="300" Height="100" />
</div>
</form>
</body>
</html>
File: Default.aspx.cs
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class ListControlProgrammatic : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (IsPostBack)
{
labResult.Text = "Colors chosen: <br/>";
foreach (ListItem li in myList.Items)
{
if (li.Selected)
{
labResult.Text += "<span style='color:";
labResult.Text += li.Value + "'>" + li.Text;
labResult.Text += "</span><br/>";
}
}
}
}
}