{"_id":"57091b6352d0461700803025","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"},"user":"56d98eda337fd11300d6a2fb","parentDoc":null,"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"},"__v":1,"project":"56d98ee754ee631300116677","updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-04-09T15:10:27.780Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":9,"body":"Using our Canvas functionality, you can build creatives that expand upon user interaction. This enables you to create a mobile unit that goes fullscreen upon swipe, or a 300x250 banner that expands into a 16:9 video player. \n\nStart by creating your Default creative, the one that consumers will initially be served. Once that creative is ready, click on the \"Canvas\" dropdown at the top of the Studio and then click \"Manage Canvases\". \n[block:image]\n{\n  \"images\": [\n    {}\n  ]\n}\n[/block]\nCreate a new Canvas, with the exact size & properties you prefer. After you have created your new Canvas and have added or positioned the elements where you prefer, select the \"Default\" Canvas from the dropdown menu. \n[block:image]\n{\n  \"images\": [\n    {}\n  ]\n}\n[/block]\nFor the Default Canvas, go to the Actions tab and select the type of action that will trigger the expanded canvas, the animation as well as the Canvas the unit will expand to. \n[block:image]\n{\n  \"images\": [\n    {}\n  ]\n}\n[/block]","excerpt":"","slug":"using-the-same-assets-for-multiple-formats","type":"basic","title":"Creating expandable units"}

Creating expandable units


Using our Canvas functionality, you can build creatives that expand upon user interaction. This enables you to create a mobile unit that goes fullscreen upon swipe, or a 300x250 banner that expands into a 16:9 video player. Start by creating your Default creative, the one that consumers will initially be served. Once that creative is ready, click on the "Canvas" dropdown at the top of the Studio and then click "Manage Canvases". [block:image] { "images": [ {} ] } [/block] Create a new Canvas, with the exact size & properties you prefer. After you have created your new Canvas and have added or positioned the elements where you prefer, select the "Default" Canvas from the dropdown menu. [block:image] { "images": [ {} ] } [/block] For the Default Canvas, go to the Actions tab and select the type of action that will trigger the expanded canvas, the animation as well as the Canvas the unit will expand to. [block:image] { "images": [ {} ] } [/block]