Good to know
Awesome Studio features which are not that obvious, but definitely will help you to work on your ad's.
Component alignment snapping is a cool feature. It allows you to place specific component at the correct place or just simply to indentically align a couple of similar components.
You simply have to press "CTRL" (without releasing) on the keyboard and drag your needed component with the mouse until you will find the perfect spot for it.
1) Using components snapping workflow
Drag and drop on top of builder mode
The easiest way to upload your assets in Studio's new builder is by dragging and dropping on top of the builder itself.
1) Dragging and dropping an image on top of new builder workflow
2) Dragging and dropping video file on top of new builder workflow
You can reach contextual menu by pressing right mouse button anywhere in the new builder.Arrange
You can simply arrange components by leveraging arrange functionality. One of the ways to do that is by pressing right mouse button on the component which you want to arrange and select 'Arrange' from the contextual menu.
1) Using "Arrange" within contextual menu workflowAlign
You can simply align components by leveraging align functionality. One of the ways to do that is by pressing right mouse button on the component which you want to align and select 'Align from the contextual menu.
1) Using "Align" within contextual menu workflowQuick clickTAG
You can quickly add a clicktag on top of almost any component inside our new builder. Firstly, you have to make sure that you have at least one clickTAG added in your banner settings. Afterwards, just simply click right mouse button on the component on which you want to add a clicktag and select "Add"->"clickTag"->(clicktag name) from the contextual menu.
1) Quickly adding a clicktag via contextual menu
Initially Hidden Components
Component visibility option allows you to hide or display the selected component. The hidden component is not visible until it is triggered by a specific action (for example, a click, a press, a mouse in). You may want to have a component hidden if, for example, it has animation 'fade from 0% to 100%', and the trigger is needed before the animation starts.
By default, the components are visible. To hide the component, follow these steps:
1. Select a component from the components menu. For example, if you want to hide an image until it is uncovered by clicking a button, select Image.
2. In the image settings tab, click Size & Position (1), uncheck the Visible feature (2), and click Save on the top menu panel.
3. Select the component on which the action is going to be performed. For example, if you want your image to become visible upon an action on a button, select Button component.
4. In the settings tab, click Actions -> New Action and select which user action will trigger the further action. For example, select Click if you want to see an action upon clicking a button.
5. From the drop-down menu, select an action, for example, Change Visibility.
6. If you selected Change Visibility, you will be asked to specify the Action (1), for example, Show, and then select the Target (2), which in this case is the image (Adform banner). You have now instructed to change visibility (show Adform banner) upon clicking on a button. Click Save on the top menu panel.
7. You can now click Preview to see how your image becomes visible upon clicking a button.
Initially Hidden Component applied on stage