Client-Side Functionality

This example demonstrates how to manipulate the FormLayout extension programmatically on the client using our extended client-side functionality.

In this demo, layout groups of the FormLayout extension are identified using their Name property. In order to obtain a specific layout group by its name on the client side the GetItemByName method is used (see JS code). A particular layout group's visibility is changed on the client with the help of the SetVisible method by passing it the required boolean value.

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 groups depending on the selected value within the radio button list.