BulletedList Control, asp:BulletedList Control

BulletedList control is used to display the data in a list prefixed with bullet characters. The item can be statically written or can be bound with the datasource. When it is rendered on the page, it is implemented through <table> HTML tag.

Its properties like BackColor, ForeColor, BorderColor, BorderStyle, BorderWidth, Height etc. are implemented generally through style properites of <ul> tag, However it depends on BulletStyle property.

Following are some important properties that are very useful.

DisplayMode	HyperLink/LinkButton/Text. Determines how to display the items.
FirstBulletNumber	Sets a starting number for Bulleted list when BulletStyle is set to Numbering.
Items	Gets the colleciton of the items in the list control.
BulletStyle	Circle/CustomImage/Disc/LowerAlpha/LowerRoman/Numbered/Square/UpperAlpha/UpperRoman. Determines the style of the bullet.
AppendDataBoundItems	Determines whether statically defined items should remain and shown when adding items dynamically.
DataTextField	Name of the field to set as items text. Used when DisplayMode is Hyperlink or LinkButton.
DataValueField	Name of the field to set as items value. Used when DisplayMode is Hyperlink or LinkButton.
BulletImageUrl	Used to set the Bullet Image when BulletStyle is CustomImage.

DEMO : BulletList

Show Source Code

Static BulletList Control, Bullet style is default

Item 1
Item 2
Item 3

Static BulletList Contorl, Bullet style is LowerAlpha

Item 1
Item 2
Item 3

Static BulletList Control, DisplayMode is Hyperlink

Static BulletList Control, DisplayMode is LinkButton

Dynamic BulletList Control, BulletStyle is Square

Item Text 0
Item Text 1
Item Text 2
Item Text 3

Dynamic BulletList Control with DataBound, BulletStyle is Numbered

Name 0
Name 1
Name 2
Name 3
Name 4
Name 5
Name 6
Name 7
Name 8
Name 9


        // Static BulletedList Control, Bullet style is default<br />
        <asp:BulletedList ID="BulletedList3" runat="Server" BorderColor="Blue" BorderWidth="1">
            <asp:ListItem Text="Item 1"></asp:ListItem>
            <asp:ListItem Text="Item 2"></asp:ListItem>
            <asp:ListItem Text="Item 3"></asp:ListItem>
        </asp:BulletedList>

        // Static BulletList Contorl, Bullet style is LowerAlpha<br />
        <asp:BulletedList ID="BulletedList4" runat="Server" BulletStyle="LowerAlpha">
            <asp:ListItem Text="Item 1"></asp:ListItem>
            <asp:ListItem Text="Item 2"></asp:ListItem>
            <asp:ListItem Text="Item 3"></asp:ListItem>
        </asp:BulletedList>

            // Static BulletList Control, DisplayMode is Hyperlink
            <asp:BulletedList ID="BulletedList5" runat="Server" DisplayMode="HyperLink"
                 BulletStyle="CustomImage" BulletImageUrl="~/images/fundaIcon.gif">
                <asp:ListItem Text="Button" Value="button.aspx"></asp:ListItem>
                <asp:ListItem Text="Label" Value="Label.aspx"></asp:ListItem>
                <asp:ListItem Text="Radio" Value="radio.aspx"></asp:ListItem>
            </asp:BulletedList>

            // Static BulletList Control, DisplayMode is LinkButton
            <asp:BulletedList ID="BulletedList6" runat="Server" DisplayMode="LinkButton">
                <asp:ListItem Text="Button" Value="button.aspx"></asp:ListItem>
                <asp:ListItem Text="Label" Value="Label.aspx"></asp:ListItem>
                <asp:ListItem Text="Radio" Value="radio.aspx"></asp:ListItem>
            </asp:BulletedList>

        
        // Dynamic BulletList Control, BulletStyle is Square<br />
        <asp:BulletedList ID="BulletedList7" runat="Server" BulletStyle="Square" DataTextField="Name" DataValueField="ID"></asp:BulletedList>


        // Dynamic BulletList Control with DataBound, BulletStyle is Numbered<br />
        <asp:BulletedList ID="BulletedList8" runat="Server" BulletStyle="Numbered" DataTextField="Name" DataValueField="ID"></asp:BulletedList>