Creating buttons

Creating buttons


A button component is an add-in that allows you to easily add buttons to an interactive video. In the example below we show different button component styles. These are only examples of the varieties of styles. The style of a button component is freely customizable.




Add

You can add a button component in the components menu. You can drag the component button to your timeline or to the canvas. You can also press the three dots located to the upper right of the window, after which you would have to click ‘place element’.  


Positioning

The button can easily be moved across the canvas by dragging it with the cursor. You can change the size of the button with the transform tool (see toolbar, located on the left side). By holding shift while enlarging or shrinking, the initial proportions will be preserved. Position the button on the desired location on the timeline to determine the moment it will appear. 


Enter text and style

You can adjust the text of a button in the Button Style section. You can find this section in the options menu. This will appear automatically when the element has been selected. You can customize the button using many different styles, including font styles, text-decorations, different colors, borders and mouse-over transitions. 



Adding interactions

Interactions are configured by selecting the desired button and by adding the interactions of your choice in the interactions menu. Click on the round blue button, located in the interactions window, to create a new interaction.