Home > DeveloperSection > Beginner > Bulleted List Control in ASP.Net

Bulleted List Control in ASP.Net


ASP.Net ASP.Net 
Ratings:
0 Comment(s)
 6907  View(s)
Rate this:

Bulleted List Control in ASP.Net

Bulleted List control is used to create a list of items formatted with bullets such as circular bullets, rectangle bullets etc. To specify the individual list items in the list, you put a List Item control for each list entry between the opening and closing tags of the Bulleted List control as shown in code below.

<asp:BulletedList ID="BulletedList1" runat="server">

<asp:ListItem>1</asp:ListItem>

      <asp:ListItem>2</asp:ListItem>

<asp:ListItem>3</asp:ListItem>

<asp:ListItem>4</asp:ListItem>

<asp:ListItem>5</asp:ListItem>

<asp:ListItem>6</asp:ListItem>

</asp:BulletedList>

Bulleted List Control in ASP.Net Bulleted List Control in ASP.Net

Bulleted List Control in ASP.Net

We can change bullet style by Bullet Style property.

Another important attribute of Bulleted List is Display Mode, which represents the display mode of the bulleted list. For example, if you want to create a bulleted list with hyperlinks, you need to set the Display Mode to Hyperlink.

<asp:BulletedList ID="BulletedList1" runat="server" DisplayMode="HyperLink">

<asp:ListItem>1</asp:ListItem>

<asp:ListItem>2</asp:ListItem>

<asp:ListItem>3</asp:ListItem>

<asp:ListItem>4</asp:ListItem>

<asp:ListItem>5</asp:ListItem>

<asp:ListItem>6</asp:ListItem>

 </asp:BulletedList>

Bulleted List Control in ASP.Net Bulleted List Control in ASP.Net

We can change bulleted list appearance

<asp:BulletedList ID="BulletedList1" runat="server" BulletStyle="Square"

 DisplayMode="HyperLink" Font-Bold="True" Font-Italic="True" Font-       Names="Arial"ForeColor="Red">

<asp:ListItem>1</asp:ListItem>

<asp:ListItem>2</asp:ListItem>

<asp:ListItem>3</asp:ListItem>

<asp:ListItem>4</asp:ListItem>

<asp:ListItem>5</asp:ListItem>

<asp:ListItem>6</asp:ListItem>

</asp:BulletedList>

Bulleted List Control in ASP.Net


Don't want to miss updates? Please click the below button!

Follow MindStick