{"_id":"56ec773c1d8ae40e000c8bcd","parentDoc":null,"user":"56d98eda337fd11300d6a2fb","__v":3,"project":"56d98ee754ee631300116677","category":{"_id":"56d98ee954ee63130011667b","project":"56d98ee754ee631300116677","__v":10,"pages":["56d98eea54ee63130011667d","56ec75e71d8ae40e000c8bc0","56ec75f81d8ae40e000c8bc2","56ec761e3b656b0e00d861fe","56ec76312400d20e0075ba35","56ec763b3b656b0e00d86200","56ec76441d8ae40e000c8bc5","56ec765404e8940e00966520","56ec768904e8940e00966522","56ec773c1d8ae40e000c8bcd"],"version":"56d98ee854ee63130011667a","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-03-04T13:34:33.334Z","from_sync":false,"order":0,"slug":"documentation","title":"Studio"},"version":{"_id":"56d98ee854ee63130011667a","__v":7,"project":"56d98ee754ee631300116677","createdAt":"2016-03-04T13:34:32.189Z","releaseDate":"2016-03-04T13:34:32.189Z","categories":["56d98ee954ee63130011667b","56d9941054ee631300116689","56d9943454ee63130011668a","56d9943d54ee63130011668b","56d9c438f0c80c1b007e16fd","56ec78393b656b0e00d8620f","579a27b9a901b30e004a3bb6"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-03-18T21:46:36.788Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"settings":"","results":{"codes":[]},"auth":"required","params":[],"url":""},"isReference":false,"order":2,"body":"The CREATE section of the Studio enables you to create interactive creatives by just dragging & dropping elements in your canvas. You can choose from multiple types of ***elements*** like Screen, text, image, video, HTML, shape or hotspot. Each element you add into your creative will be added on a separate layer, on the left-hand side of the Studio. \n\nWe've tried structuring the Studio interface in an intuitive way: on the left you have your list of *elements*, can hide or delete an element, or select an element to edit. In the middle you have the creative's canvas, and on the right you have the ***Properties***, ***Actions*** and ***Animations*** for each element. \n[block:image]\n{\n  \"images\": [\n    {}\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"link\",\n  \"title\": \"Properties\"\n}\n[/block]\nThe *Properties* tab enables you to edit the various properties of the element you're currently working on. These include the position of the element in the canvas, color, font, etc. The Properties will change depending on the element. \n[block:image]\n{\n  \"images\": [\n    {}\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"link\",\n  \"title\": \"Actions\"\n}\n[/block]\nThe *Actions* tab is a crucial part of the Brainient Studio. It enables you to set various behaviours and actions for each element you've added into your creative, like linking elements between them or setting clickthroughs for your buttons. \n\nThe Actions menu changes depending on the element you're working on, and you can add as many Actions as you want to for any element in your creative. \n[block:image]\n{\n  \"images\": [\n    {}\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"link\",\n  \"title\": \"Animations\"\n}\n[/block]\nThe *Animations* tab enables you to add an animation for the element you're currently working on. You can currently choose from Fade, Slide or Zoom, and you can add an animation for when a specific element appears or disappears from your canvas. \n[block:image]\n{\n  \"images\": [\n    {}\n  ]\n}\n[/block]","excerpt":"","slug":"create-section","type":"basic","title":"CREATE section"}
The CREATE section of the Studio enables you to create interactive creatives by just dragging & dropping elements in your canvas. You can choose from multiple types of ***elements*** like Screen, text, image, video, HTML, shape or hotspot. Each element you add into your creative will be added on a separate layer, on the left-hand side of the Studio. We've tried structuring the Studio interface in an intuitive way: on the left you have your list of *elements*, can hide or delete an element, or select an element to edit. In the middle you have the creative's canvas, and on the right you have the ***Properties***, ***Actions*** and ***Animations*** for each element. [block:image] { "images": [ {} ] } [/block] [block:api-header] { "type": "link", "title": "Properties" } [/block] The *Properties* tab enables you to edit the various properties of the element you're currently working on. These include the position of the element in the canvas, color, font, etc. The Properties will change depending on the element. [block:image] { "images": [ {} ] } [/block] [block:api-header] { "type": "link", "title": "Actions" } [/block] The *Actions* tab is a crucial part of the Brainient Studio. It enables you to set various behaviours and actions for each element you've added into your creative, like linking elements between them or setting clickthroughs for your buttons. The Actions menu changes depending on the element you're working on, and you can add as many Actions as you want to for any element in your creative. [block:image] { "images": [ {} ] } [/block] [block:api-header] { "type": "link", "title": "Animations" } [/block] The *Animations* tab enables you to add an animation for the element you're currently working on. You can currently choose from Fade, Slide or Zoom, and you can add an animation for when a specific element appears or disappears from your canvas. [block:image] { "images": [ {} ] } [/block]