Magnific Popup Sample

Stable Version 2.0.4 (O11)
Also available for 10
Published on 26 June 2019 by 
Created on 30 March 2018

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.

Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Matheus Medeiros who created this component.
See all 2 dependencies