how to toggle the visibility of large chunks of a page

[Dica]

i want to set up my aspx page with a hierarchical navigation system. first
the user has to select to "-- Select An Action --", which could be either
"Add Item" or "Edit Item". If the user selects "Edit Item", i show a list of
items they can select. once selected, i show the input form, which has all
the item details. conversely, if the user selects "Add Items", i skip
showing the "Select Item" drop down and go straight to showing the item
input form. i've figured out how to show or hide the "Select Item" drop down
if the user's action is "Edit Item" by toggling the visibility property, but
what about the rest of the form? until the user selects one action or
another, the item input fields on the rest of the form should be hidden, as
well as the table with the form field labels, etc. do i have to toggle the
visibility for each field individually, or is it possible to hide all the
"items" form fields with one statement? i'm using a plain html table to
house the form right now. would it be better to use a webform table, nest
another table inside one of the columns, and toggle the visibility of the
nested table (which would hold the form elements i want to hide until the
user select an action)? what's the general approach to this kind of thing?

 

[JiangZemin]

You can put all the related elements in a Panel and hide/display as a group.
see quickstart tutorials at http://asp.net/Tutorials/quickstart.aspx:

http://www.dotnetjunkies.com/quicks...webforms/ctrlref/webctrl/panel/doc_panel.aspx

http://www.dotnetjunkies.com/quicks...webforms/ctrlref/webctrl/Panel/VB/Panel1.aspx

HTH,
Premier JiangZemin

 

[DanH]

This is the perfect situation for Panels. Wrap a different Panel web
control around each group of form elements then just hide and show the
appropriate panel per your drop-down selection.

i want to set up my aspx page with a hierarchical navigation system. first
the user has to select to "-- Select An Action --", which could be either
"Add Item" or "Edit Item". If the user selects "Edit Item", i show a list of
items they can select. once selected, i show the input form, which has all
the item details. conversely, if the user selects "Add Items", i skip
showing the "Select Item" drop down and go straight to showing the item
input form. i've figured out how to show or hide the "Select Item" drop down
if the user's action is "Edit Item" by toggling the visibility property, but
what about the rest of the form? until the user selects one action or
another, the item input fields on the rest of the form should be hidden, as
well as the table with the form field labels, etc. do i have to toggle the
visibility for each field individually, or is it possible to hide all the
"items" form fields with one statement? i'm using a plain html table to
house the form right now. would it be better to use a webform table, nest
another table inside one of the columns, and toggle the visibility of the
nested table (which would hold the form elements i want to hide until the
user select an action)? what's the general approach to this kind of

thing?

 

[Dica]

tks guys