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