Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [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]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]HTML Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Collapse]Navigation and Layout Extensions
   [Expand]FormLayout
   [Expand]Menu
   [Collapse]NavBar
     Overview - NavBar
    [Collapse]Concepts
     [Expand]Binding to Data
      Item Link Mode
      Item Bullet Style
      Templates
    [Expand]Visual Elements
   [Expand]Ribbon
   [Expand]PageControl
   [Expand]TabControl
   [Expand]PopupMenu
   [Expand]Splitter
   [Expand]TreeView
   [Expand]Panel
  [Expand]File Management
  [Expand]Multi-Use Site Extensions
  [Expand]Charts
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Tree List
  [Expand]Data Editor Extensions
  [Expand]Report Extensions
  [Expand]SpellChecker
 [Expand]Localization
 [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]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[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, ...
Note

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):

How would you rate this topic?​​​​​​​