Log In
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]ASP.NET WebForms Controls
 [Collapse]ASP.NET MVC Extensions
  [Expand]Product Information
  [Expand]Getting Started
  [Expand]Common Concepts
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Collapse]Site Navigation and Layout
     Overview - NavBar
     [Expand]Binding to Data
      Item Link Mode
      Item Bullet Style
    [Expand]Visual Elements
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Expand]Data Editors Extensions
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Extensions
  [Expand]Query Builder
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Item Bullet Style

The NavBar allows you to apply a bulleted or numbered list format to group items. Use the NavBarGroup.ItemBulletStyle (via MVCxNavBarGroup.ItemBulletStyle) property to specify a bullet style for items in the group.

The table below lists the available bullet styles.

Name Description Appearance
Circle The bullet style is an empty circle shape.
Decimal The bullet style is a number. 1, 2, 3, ...
Disc The bullet style is a filled circle shape.
LowerAlpha The bullet style is a lowercase letter. a, b, c, ...
LowerRoman The bullet style is a lowercase Roman numeral. i, ii, iii, ...
None The bullet style is not applied to group items. none
Square The bullet style is a filled square shape.
UpperAlpha The bullet style is an uppercase letter. A, B, C, ...
UpperRoman The bullet style is an uppercase Roman numeral. I, II, III, ...

If custom images are associated with items (via the NavBarSettings.Images.Item, MVCxNavBarGroup.ItemImage or MVCxNavBarItem.Image property), these images are displayed instead of bullet images.

The code sample below demonstrates how different bullet styles can be defined for different groups. The image below shows the result.

View code (ASPX):

View code (Razor):

Is this topic helpful?​​​​​​​