Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Show All Themes

Server-Side Functionality

<div class="SampleCSS">
    <span>Sample content</span>

Trace Events:
Tab Settings

This sample demonstrates some of the capabilities available to you when using the server side features of the ASPxTabControl. Select the desired tab page name from the dropdown and define the visual settings of the corresponding page by clicking the appropriate button. Click any tab within the page control to initiate server-side events which can be traced in the Events monitor.

Each tabbed page within a page control has server-side properties which allow you to manipulate the state of the page and so change the visualization of the entire page control. Thus, the Enabled property allows you to enable or disable any page's tab. With the Visible property, you can show or hide a particular page's tab. In order to activate a specific page and display its contents, the ActiveTabPage property can be used.

The server-side ActiveTabChanging and ActiveTabChanged events used in this demo allow you to perform any custom action on the server. In this example, the ActiveTabChanged event is handled to synchronize the dropdown editor's value with the clicked tab and both the ActiveTabChanging and ActiveTabChanged events are used 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