Change Theme Settings
Change Theme Settings
Show All Themes

Server-Side Functionality

  • Developers
  • Support Engineers
  • Technical Writers
Trace Events:

This sample demonstrates a few of the server side capabilities of the navbar. Select the desired item from the dropdown editor and define the visual settings of the corresponding navbar item by clicking the buttons. Click any item within the navbar or expand/collapse any group to initiate server-side events which can be traced in the Events monitor.

Each navbar item/group has server-side properties which allow you to manipulate the state of the item/group and so change the visualization of the entire navbar control. Thus, the Enabled property allows you to enable or disable any navbar item/group. By using the Visible property, you can show or hide a particular navbar item/group. The Selected property of an item provides you with the ability to change the item's selected state; the analog of this property for a group object is its Expanded property which specifies the group's expansion state.

The server-side ItemClick and HeaderClick events used in this demo allows you to perform any custom action on the server in response to a click on a menu item or a group header. In this example the ItemClick and HeaderClick events are handled to synchronize the dropdown editor's value with the clicked item or group and to display event information in the Events monitor.

Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxNavigationAndLayoutDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxNavigationAndLayoutDemos