Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Client-Side Functionality

User info
*
*
*
Sign Up
Sign In
Options

This example demonstrates how to manipulate an ASPxFormLayout control programmatically on the client using our extended client-side functionality.

In this demo, layout items of the ASPxFormLayout control are identified using their Name property. In order to obtain a specific layout item by its name on the client side, the GetItemByName method is used (see JS code). A specified layout item’s visibility can be changed on the client with the help of the SetVisible method by passing the required boolean value to this method. An item's caption can be changed on the client side by using the SetCaption method.

In this demo, when an end-user selects any of the radio button list items ("I am a new user" or "I am a registered user"), the UpdateItemsVisibility function is called. This function defines the visibility of all of the layout items depending on the selected value within the radio button list.

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