Give us feedback
magnific-popup
Web icon

Magnific Popup

Stable version 3.0.3 (Compatible with OutSystems 11)
Other versions available for 10
Uploaded on 26 June 2019 by 
5.0
 (5 ratings)
magnific-popup

Magnific Popup

Documentation
3.0.3

To create and use a magnific popup

  1. Name the link that will open the popup and check that its OnClick Method property is set to Navigate.
  2. Create a new screen for the popup. In the widget tree, set the Source Web Block of the layout of the screen to Layouts\MagnificPopup_Layout
  3. In the previous screen, set the link’s Destination to the popup screen.
  4. Use the search bar (Ctrl + F) to look for the Magnific_Popup and drag it to the screen with the link.
  5. Set the LinkOrButtonWidget property of the Magnific_Popup to the Id runtime property of the link.
  6. Choose (New Screen Action) in the OnNotify Destination property of the Magnific_Popup and leave the flow of the action empty.

  7. Implement the popup content.