insert html tags into <li> programatically

Question

I know the soultion must be simple. but i can't figure this up.

i want to add list item programatically with html tags inside the li

string x = "xxxx <br/> yyyy"

BulletedList.items.add(x)

i want to see

1. xxx
   yyy

and not

1. xxx< br / > yyy

please help

Answer 1

Get rid of the <br /> tag.

Answer 2

Remove the </BR> tag as below:

string x = "xxxx yyyy"

Answer 3

To have greater flexibility over the HTML rendered on each list element, consider using a Repeater or a ListView instead. They require a little more HTML to set up your <ul> and <li> tags, but will give you arbitrary flexibility over the contents of the <li>.

<ul>
<asp:Repeater ID="repeater" runat="server">
    <ItemTemplate>
    <li>
        <div>Any HTML or data binding you want.</div>
    </li>
    </ItemTemplate>
</asp:Repeater>
</ul>

Answer 4

The BulletedList control will strip any html you put in it. You will have to subclass it and override it's render method to achieve this.

I use the following to associate a CssClass with the items in the list, which I can then use to pretty them up.

public class CustomBulletedList : BulletedList
{
    protected override void Render(HtmlTextWriter writer)
    {
        var sb = new StringBuilder();
        var sw = new StringWriter(sb);
        var htmlWriter = new HtmlTextWriter(sw);
        base.Render(htmlWriter);
        sb = sb.Replace("&lt;div class=notes&gt;", "<div class=notes>");
        sb = sb.Replace("&lt;/div&gt;", "</div>");
        writer.Write(sb.ToString());
    }
}