Give us feedback
magnific-popup-sample
Web icon

Magnific Popup Sample

Stable version 2.0.4 (Compatible with OutSystems 11)
Other versions available for 10
Uploaded on 26 June 2019 by 
4.8
 (6 ratings)
magnific-popup-sample

Magnific Popup Sample

Documentation
2.0.4

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.