Change Theme Settings
Change Theme Settings
Themes
 
Metropolis
Moderno
iOS
Material
Material Compact
Office 365
Mulberry
Show All Themes
v
...v

Selection-Dependent Inputs

*
*
*
Best Time to Call
*
+
-
*
+
-
*
v
*
*
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.