{"__v":14,"_id":"567b5a3b4cde0321001e119d","category":{"__v":11,"_id":"555668821026001900d72a87","pages":["567b4a6f93919f0d00c97aed","567b4a7b4cde0321001e1194","567b4a88ee052b1700dbd9f3","567b4a937c40060d00560438","567b4a9fb56bac0d0019d8f4","567b4aad3241c20d00b730a2","567b4ab793919f0d00c97aef","567b4ac5ee052b1700dbd9f5","567b4b837c40060d0056043b","567b5a3b4cde0321001e119d","567b5e8aee052b1700dbda08"],"project":"555627c4ea5e120d001884fb","version":"555627c4ea5e120d001884fe","reference":false,"createdAt":"2015-05-15T21:43:30.888Z","from_sync":false,"order":6,"slug":"extend","title":"Component Studio"},"project":"555627c4ea5e120d001884fb","user":"55562799ea5e120d001884f8","version":{"__v":10,"_id":"555627c4ea5e120d001884fe","project":"555627c4ea5e120d001884fb","hasDoc":true,"hasReference":true,"createdAt":"2015-05-15T17:07:16.918Z","releaseDate":"2015-05-15T17:07:16.918Z","categories":["555627c5ea5e120d001884ff","55562a5526e9bc0d0044ea47","555653821026001900d72a3c","5556685c1026001900d72a85","5556687626e9bc0d0044ec04","555668821026001900d72a87","55566892150ba30d00f4e206","555668b826e9bc0d0044ec05","55e0fb6026f51b0d009b1746","567b3b3017368a0d009a6e54"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"updates":[],"createdAt":"2015-12-24T02:36:43.095Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":7,"body":"This panel lets you configure the triggers and action types on your component.\n\nAll components have access to standard Design Studio actions like Show/Hide Layer, Go To URL, and Open Expansion; as well as standard triggers like Click, Mouse Over, and Mouse Out. However, you may want to add some custom triggers to your component (e.g. our standard video components have actions like Play and Pause and triggers like On Play and On Pause). This panel allows you to add such custom triggers.\n\nThe panel has two tabs – Triggers and Types. \n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Triggers\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://www.filepicker.io/api/file/UkblpEdWRdqf4xEIfXh4\",\n        \"actionspanel-triggers.jpg\",\n        \"302\",\n        \"234\",\n        \"#230440\",\n        \"\"\n      ],\n      \"caption\": \"Action Panel: Triggers\"\n    }\n  ]\n}\n[/block]\nClick the *Add Trigger* button to add a new trigger to your component. For each trigger, you can configure the following:\n\n  * **Label:** The name under which your trigger will appear in the Trigger dropdown of Design Studio’s Inspector panel.\n  * **Event:** The name of the trigger event dispatched in your component SWF. You can create and dispatch a trigger event using the Flite Ad API [getTriggerEvent function.](https://flite.site/api/flash-v3/files/event/EventAPI-as.html#EventAPI.getTriggerEvent) Your event name should match the type parameter passed to that function. \n\nClick *Done* when you finish entering the Label and Event for a trigger.\n\nYou can click on a trigger name to expand/collapse its settings, or click the :fa-trash: icon to delete it.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Types\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://www.filepicker.io/api/file/q5oURXUyQLqYqrZPEcrA\",\n        \"actionspanel-types.jpg\",\n        \"302\",\n        \"198\",\n        \"#250542\",\n        \"\"\n      ],\n      \"caption\": \"Actions Panel: Types\"\n    }\n  ]\n}\n[/block]\nClick the *Add Action Type* button to add a new action type to your component. For each action type, configure the following:\n\n  * **Label:** The name under which this action will appear in the Action Type dropdown of Design Studio’s Inspector panel.\n  * **Function:** The name of the function in your component SWF that executes the desired action. This function must be implemented under the flite namespace.\n  * **Accepts payload:** Check this box to indicate that this action can accept a payload; leave it unchecked otherwise. A payload is an additional parameter that can be passed in to your action.\n  * **Help Text:** Text explaining the expected payload. It will appear as a placeholder in the payload field in Design Studio.\n\nClick *Done* when you finish configuring action type settings.\n\nYou can click on the action name to expand/collapse its settings, or click the :fa-trash-o: icon to delete it.","excerpt":"","slug":"component-studio-actions-panel","type":"basic","title":"Actions Panel"}

Design Studio

Campaign Studio

Report Studio

Metrics

Flite Console

Ad Ops

Component Studio

Actions Panel

This panel lets you configure the triggers and action types on your component. All components have access to standard Design Studio actions like Show/Hide Layer, Go To URL, and Open Expansion; as well as standard triggers like Click, Mouse Over, and Mouse Out. However, you may want to add some custom triggers to your component (e.g. our standard video components have actions like Play and Pause and triggers like On Play and On Pause). This panel allows you to add such custom triggers. The panel has two tabs – Triggers and Types. [block:api-header] { "type": "basic", "title": "Triggers" } [/block] [block:image] { "images": [ { "image": [ "https://www.filepicker.io/api/file/UkblpEdWRdqf4xEIfXh4", "actionspanel-triggers.jpg", "302", "234", "#230440", "" ], "caption": "Action Panel: Triggers" } ] } [/block] Click the *Add Trigger* button to add a new trigger to your component. For each trigger, you can configure the following: * **Label:** The name under which your trigger will appear in the Trigger dropdown of Design Studio’s Inspector panel. * **Event:** The name of the trigger event dispatched in your component SWF. You can create and dispatch a trigger event using the Flite Ad API [getTriggerEvent function.](https://flite.site/api/flash-v3/files/event/EventAPI-as.html#EventAPI.getTriggerEvent) Your event name should match the type parameter passed to that function. Click *Done* when you finish entering the Label and Event for a trigger. You can click on a trigger name to expand/collapse its settings, or click the :fa-trash: icon to delete it. [block:api-header] { "type": "basic", "title": "Types" } [/block] [block:image] { "images": [ { "image": [ "https://www.filepicker.io/api/file/q5oURXUyQLqYqrZPEcrA", "actionspanel-types.jpg", "302", "198", "#250542", "" ], "caption": "Actions Panel: Types" } ] } [/block] Click the *Add Action Type* button to add a new action type to your component. For each action type, configure the following: * **Label:** The name under which this action will appear in the Action Type dropdown of Design Studio’s Inspector panel. * **Function:** The name of the function in your component SWF that executes the desired action. This function must be implemented under the flite namespace. * **Accepts payload:** Check this box to indicate that this action can accept a payload; leave it unchecked otherwise. A payload is an additional parameter that can be passed in to your action. * **Help Text:** Text explaining the expected payload. It will appear as a placeholder in the payload field in Design Studio. Click *Done* when you finish configuring action type settings. You can click on the action name to expand/collapse its settings, or click the :fa-trash-o: icon to delete it.