Learn the basic controls to use the form builder
The Tripetto form builder is a bit different from existing tools, but you'll know why and love it almost instantly when you spend a minute getting the hang of it. Let us show you how to use it.
Our form builder is not just a list of questions. As we want to make it easy to create smart forms with logic, we use a storyboard. This board gives a visual presentation of the flows inside your form, making it much better understandable what's happening in your form structure.
📌 Also see: Build a simple form
In the article you're reading now we show how to control the storyboard. If you're looking for a video tutorial about building a simple form, please have a look at this article: How to build your forms in the form builder.
Everything you do in the form builder gets saved immediately (autosave), so you don't have to worry about saving your form project yourself. It's done automatically all the time.
If you have multiple question blocks on your storyboard (and maybe some logic in it as well), you can arrange your question blocks, for example to change the order of two questions. You can do that by dragging and dropping a block.
Click and hold a specific block for a brief moment, so it sticks to your cursor. Then you can drag it to the right position by holding your mouse click. And drop it at the right position by releasing your mouse click.
This arrange gesture is not only available for individual question blocks, but also for whole sections, branch conditions and even for whole branches, including everything that's inside that branch. That way you can easily arrange your whole form structure.
There are a few controls you need to know to navigate the storyboard in Tripetto.
You can move through your form (especially with large forms) by holding the storyboard and drag it into the direction you want.
You can also use your scroll wheel to navigate vertically through your form. If you scroll while holding
CTRL key, you can navigate horizontally.
If you have a large form with lots of branches, you can zoom out to see the whole structure of your form, or zoom in to see a particular part of your form. You can use the zoom bar for that.
You can also double click on a specific point in your form structure to zoom into that place directly.
You can also use your scroll wheel to zoom in/out. While holding
Shift key, you can use the scroll wheel to zoom.
Almost every element on your storyboard has a so-called 'context menu' to give you quick access to the possibilities of that element. To open such menus you can often click the
icon, but you can also use the
right-click of your mouse on any element on the storyboard to open that same context menu. This makes navigating and building your form even easier.