How to Create Lightbox using Axure RP
Step - 1 - From Libraries select box, image, paragraph and Button, Place it . and make block
Step - 2 - From Libraries select box, image, paragraph place it and select all second box and
"convert to Dynamic Panel".
Step - 3 - After convert to Dynamic Panel select "Set Hidden"
Step - 4 - Select "Pin to Browser"
Step - 5 - Follow to below image Steps to make the center align to the browser.
Step - 6 - Select the button and in Properties double click on "OnClick" and Add Case
Step - 7 - In Add Case Window
a> Click to add actions -> Widgets -> Show / Hide
b> Configure actions -> Checked Dynamic Panel
c> Visibility -> Show
d> More Option dropdown select -> treat as lightbox
e> Press Ok
Step - 8 - Now Preview
Step - 9 - Preview in Web Browser ...
Click on Button "View complete News"
Lightbox will open to close the lightbox click outside the complete news box, it will close.
Thanks.
No comments:
Post a Comment