Mockplus RP provided two methods to achieve this effect.
Method one
Use sub-artboards to create a pop-up.
Step 1: Prepare the static content of your pop-up effect
Add a sub-artboard and drag all the components you need onto the sub-artboard.
Step 2: Create interactions
In the Main artboard, drag the link point of the trigger component onto the sub-artboard. (Note that it is important to link to the artboard itself rather than an individual component on it.) You can then define the details and your pop-up is finished!
The relative position of the sub-artboard to the main artboard can be defined by the user. Once you’ve created the interaction, select the interaction command in the interaction panel, and a mirror image of the sub-artboard will appear in the main artboard. Drag the mirror image to adjust the position of the sub-artboard during the presentation.
To close the pop-up window, simply click the pop-up component. You can then drag the interactive link point of a component on a sub-artboard to the sub-artboard and then complete the setting.
Method two
Use show/hide commands to create a pop-up effect.
Step 1: Choose components
Drag a Button and a Panel onto the main artboard (Generally, the Button will serve as a trigger, while the Panel will serve as the pop-up window.) Double click the Panel to present your message by dragging a "Text" and a "Button" component into this Panel.
Step 2: Edit component style
You can edit these components to improve their visual appeal.
Step 3: Create interactions
Drag the link point of the Button outside the Panel; choose a "Click" trigger and a "Show" command for it. Then, double click on the Panel and set a "Click" trigger and a "Hide" command for the Button inside. Finally, you can hide the Panel. That way you will get a pop-up that can be triggered by clicking the Button outside.
