Enable/Disable & Show/Hide UI Elements during runtime in Web Dynpro for ABAP

...Previous

8.   Now go to the layout of the main view, change the Layout as MatrixLayout in ROOTUIELEMENTCONTAINER and right click on it, go for Insert Element and create RADIO_GROUP1 as type RadioButtonGroupByIndex as shown below: 

9.   Change the property Layout Data in RADIO_GROUP1 as MatrixHeadData and bind the text property of it with context element RADIO_1 as shown below:  

10.  Create element FIRST_NAME_LABEL type Label and FIRST_NAME type InputField under ROOTUIELEMENTCONTAINER, change the property LayoutData as MatrixHeadData, LabelFor as FIRST_NAME and text as ‘First Name’ in element FIRST_NAME_LABEL and change the property LayoutData as MatrixData in element FIRST_NAME.

11.  Now bind the value of Input field FIRST_NAME with context element FIRST_NAME_1 as show below: 

12.  Now bind visible property of FIRST_NAME with context element FIRST_NAME_1, select the radio button ‘Bind to the Property of the Selected Attribute Property’ as ‘Visible’ and press ‘enter’ as shown below: 

13.  Now repeat the same thing from step 10 and create LAST_NAME_LABEL type Label and LAST_NAME type InputField, change the property LayoutData as MatrixHeadData, LabelFor as LAST_NAME and text as ‘Last Name’ in element LAST_NAME_LABEL and change the property LayoutData as MatrixData in element LAST_NAME.            

      Bind the value of Input field LAST_NAME with context element 

LAST_NAME_1 and same for visible, here also select the radio button ‘Bind to

the Property of the Selected Attribute Property’ as ‘Visible’.  

14.  Now create another Radio Button Group RADIO_GROUP2 type RadioButtonGroupByIndex, change its layout as MatrixHeadData and bind its text with context element RADIO_2 as shown below:  

Click here to continue....