Tuesday 3 October 2017

Radio Button Actions (Set Dynamic Panel through radio button)

How to Create Radio Button Action as Dynamic

Step -1 - Here will create Login form for different users like Admin, User, Guest User.

So first need to create a login Panel where, Place three Radio Button from Libraries and Name 

it as Admin , User , Guest User and Submit Button.

Scenario :- any user will interact with this Login As Panel and they will select any one of authentication to Login as Admin, User, Guest User and after selecting the radio button they will click on Submit Button. then this will call the related Page like suppose they select the Admin then Login as Admin Page will show as POPUP window.


Step - 2 - Now create a Page called Login-Form


Step - 3 - Create the Login Form where heading is Login As Admin.

then Select all elements/fields and Convert to Dynamic Panel and Create the Duplicate States 

for reaming two more users as User and Guest User. The State Name should be Same as the radio button Label Name. 

* Note - Radio button Label name and State Name should be Same.


Step - 4 - Place the Home Icon and Link to Home Page


Step - 5 - To link Home Icon to Home Page Follow Below Image Steps


Step - 6 - Now in Home Page Select all Radio Button and Assign Radio Group Name as LoginForm


Step - 7 - Now Select Single Radio Button and click on Right Panel -> Properties -> OnSelected and write the Case in Case Editor.


Step - 8 - Click to add actions -> Variables -> Set Variable Value 
Right Side click on Add Variable Add "LoginVar" and Click on "OK"


Step - 9 - In Configure actions -> Checked the "LoginVar" In bottom Set Variable to -> Text On Widgets -> This and click OK


Step - 10 - Follow the Same Steps For all 3 Radio Button.


Step - 11 - Now Select the Submit Button and Click On "Properties -> OnClick" and add case .
Click to add actions -> Open Link . Right Side "Link to page in Design" Select LoginForm and Click on "OK"


Step - 12 - Go to Login Page Select the Dynamic Panel and Click on "OnLoad" 


Step - 13 - Click to add actions -> Widgets -> Set Panel State

Configure actions -> Checked -> Set the widget

Bottom -> Select State -> Value

Name of State -> Click on fx


Step - 14 - Now in Edit Value Panel, Follow below image


Step - 15 - Preview Once


Step - 16 - Again Open Home Page and select Submit Button Case and Open


Step - 17 - In Configure actions -> Open in Select the POPUP Window. and Click OK


Step - 18 - Preview  It is as while select the radio button Admin and click on submit button it open as POPUP window -> Login As Admin. Same action is given to User and Guest User also



Thanks.


No comments:

Post a Comment