This tutorial shows you how to make floating buttons with Scroll box， and how to set interactions of scrolling to the top and bottom.
As is mentioned in this tutorial, we can set scrolling for a mobile prototype by lengthening the page, with both header bar and footer fixed. Also, there is another effective way to achieve scrolling via a component called “Scroll Box“.
While using the Popup Panel, you may find that you are able to close a popup window while clicking external area. This is what we call Popup Panel auto-close policy. There are three options of the Close policy in the component properties
By default, Popup Panel could be closed automatically. If you want to close the Popup Panel manually, please follow the two steps in below: 1) Double click on the Popup Panel to activate the edit mode, then select a component (like Button).
With a few clicks, you are able to set links between pages, which enables you to create interactive pages effortlessly. Please follow the instructions below: How to set links through drag-and-drop option How to preview your design How to redirect
When editing the interaction components, for example, the Popup Panel, Sliding Drawer, etc., the background will become translucent automatically. That is conducive to judging the location, placement and alignment of the components during the editing of these interaction components. However,
The Popup Panel is one of the most frequently used components. This tutorial will explain how to define a close command for the Popup Panel. Follow this step-by-step tutorial and you will find it’s easy. 1. Close a Popup Panel
We have posted an illustrated introduction to the Link Point in lesson 4. You will learn more details about the Link Point in this tutorial. After you set up the link, no matter in-page or cross-page, select the button and
Mockplus interactions are as easy as ABC. In this part, we’ll explain what Interaction State is in Mockplus and how it works. Tip: Mockplus Interaction= PageLink+Component Interaction+Interaction State By setting the component in different interaction states in the properties panel,
This tutorial will show you how to set scrolling between a fixed header bar and a fixed footer for a mobile prototype:
There are two ways to rename the Popup Panel. Method 1 Select a Popup Panel and rename it on the properties tab. Method 2 Select a Popup Panel and press space bar to rename it.
In Mockplus, you are able to switch content easily using the combination of Stack Panel and Tabs Bar. This tutorial will explain it in detail:
Learning about the Mockplus ‘Link Point’ helps you build interactive prototypes rapidly. What is a Link Point in Mockplus? Click on a component, and a dot will show at the upper right corner. Page Link When you want to build
Creating rotating stars with Mockplus is as easy as pie. Only a ‘Rotate’ command is needed to create the rotating stars.
Follow this tutorial to learn how to build a popup window with Mockplus in a few minutes:
Buiding interactive prototypes with Mockplus is very simple, intuitive and easy to get started. All you need to do is simply drag-and-drop, and set interactive commands and triggers for the target components. In this tutorial, we’ll show you how to