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

Selection-Dependent Inputs

*
*
*
Please, retype email address to exclude a mistake
*
(optional)
Best Time to Call
+
-
+
-
*
v
*
Example: (920) 321-6789.
*
v
*
Please enter your messenger identificator
*
*
*
*
v
Submit

This demo illustrates how to implement a form that dynamically exposes different additional inputs depending upon an initial selection made by an end-user.

In the demo, selection-dependent inputs are vertically separated from the user's initial options. Selection-dependent inputs are exposed below radio buttons using pages of a tabbed group. The tabbed group's decoration, such as tabs and borders, is hidden using the ShowGroupDecoration property, so that the group displays only the active page's content. The number and indexes of tabbed pages in the tabbed group directly correspond to the number and indexes of items within a radio button list. When an end-user selects a radio button in the list of options, the corresponding tabbed page is activated in the tabbed group via client code.

Collapse/Expand
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