ASP.NET Super Form - Show / Hide Linked Fields

Product ID77
Product Name
Discontinued
Update
 
Cancel
12345678910...
The Super Form supports the ability of linking fields. Using this feature you can set up some of the fields
to depend on other fields. Thus these dependent fields will be shown / hidden based on the state of the field they depend on.
For example some fields can be shown only when a check box is checked, otherwise they will be hidden.

This example showcases the use of a CheckBoxField ("Discontinued") that controls three other fields.
When "Discontinued" is checked, "UnitPrice", "UnitsInStock" and "UnitsOnOrder" are hidden.
These fields will become visible when "Discontinued" is unchecked.

Use the FieldsToEnable property of all the field classes to specify the collapsed fields that will be shown when the state of the field is changed.

Use the FieldsToEnable property of the CheckBoxField class to specify the collapsed fields that will be shown when the CheckBox is checked.
Use the FieldsToDisable property of the CheckBoxField class to specify the collapsed fields that will be hidden when the CheckBox will be checked.

Setting only these properties for the controlling fields will only make the controlled (dependent) fields be enabled / disabled.
In order to make the dependent fields be shown / hidden as well, you need to designate them as collapsable by setting their Collapsed property to true.
ASP.NET
<obout:SuperForm ID="SuperForm1"
     runat="server"
     DataSourceID="SqlDataSource1"
     AutoGenerateRows="false">
    <Fields>
        <obout:CheckBoxField DataField="Discontinued" HeaderText="Discontinued"
         FieldsToDisable="UnitPrice,UnitsInStock,UnitsOnOrder" />
        <obout:BoundField DataField="UnitPrice" HeaderText="Unit Price" Collapsed="true" />
        <obout:BoundField DataField="UnitsInStock" HeaderText="Units In Stock" Collapsed="true" />
        <obout:BoundField DataField="UnitsOnOrder" HeaderText="Units On Order" Collapsed="true" />
    </Fields>
</obout:SuperForm>
obout.com 
obout.com Home 
News 
Super Form Home   
Super Form Home 
Examples - 64
First Look - 2 
Quick Setup 
Checkout 
Appearance - 3 
Live Styles 
Live Styles for DateFields New 
Auto Format 
Fields - 10 
Auto Generate Fields 
BoundField 
CheckBoxField 
CommandField 
DateField 
DateField with Time New 
DropDownListField 
MultiLineField 
Password Field New 
TemplateField 
Add / Edit / Delete - 7 
Auto Generate Command Buttons 
Customize Command Buttons 
Request User Confirmation 
Add-Only Form 
Edit-Only Form New 
Default Values for Add New 
Save using Stored Procedures New 
Layout - 7 
Vertical / Horizontal Direction 
Field Sets 
Field Sets with Column Span 
Field Sets with Tabs New 
Multi-Step Wizard New 
Multi-Step Survey New 
Width 
Master / Detail - 4 
Master Grid 
Master ComboBox 
Master ListBox 
Add / Edit in Separate Page 
Templates - 11 
ComboBox Field 
On-Demand ComboBox Field New 
Cascading ComboBox Field 
MultiLevel ComboBox Field 
Multi Select ComboBox Field 
ListBox Field 
Multi Select ListBox Field 
HTML Editor Field  
FileUpload Field 
CheckBoxList Field 
RadioButtonList Field 
Validation - 9 
Required Fields 
Type Validation 
ReqEx & Custom Validation 
Validation Summary 
Validator Callout 
Validate Super Form inside Grid New 
Validate Custom DropDownListField New 
Validate using CompareValidator New 
Validate Linked Fields New 
Masks / Filters - 2 
Edit Masks 
Filters 
Linked Fields / Buttons - 4 
Enable / Disable Command Buttons 
Enable / Disable Linked Fields 
Show / Hide Linked Fields 
Conditional Linked Fields 
Client Side API - 1 
External Buttons New 
Server Side API - 1 
Focus New 
Localization - 1 
Localize Date Fields New 
Integration - 2 
Row Edit Template for Grid New 
Grid Editor inside Window New 
Knowledge Base - 1 
Knowledge Base 
Documentation - 6 
Server-Side 
ClientSideEvents 
Direction 
FieldSet 
FieldSetRow 
SuperForm 
ChangeLog