programmatically add css class to ListItem

rudnev picture rudnev · Jun 23, 2009 · Viewed 41.8k times · Source

I need to produce with asp.net controls this structure, but ListItem doesn't allow add properties and classes.

What is the best way to do it?

<ul>
 <li class="1">SomeText</li>
 <li class="2">SomeText2</li>
</ul>

Answer

Pavel Chuchuva picture Pavel Chuchuva · Jun 23, 2009

You can pass-through class attribute:

<asp:BulletedList ID="BulletedList1" runat="server">
  <asp:ListItem class="1">SomeText</asp:ListItem>
  <asp:ListItem class="2">SomeText2</asp:ListItem>
</asp:BulletedList>

. . .

protected void Page_Load(object sender, EventArgs e)
{
   ListItem listItem = new ListItem("Test 3");
   listItem.Attributes.Add("class", "3");
   BulletedList1.Items.Add(listItem);
}