{"__v":8,"_id":"567b5e8aee052b1700dbda08","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:55:06.391Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":8,"body":"[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://www.filepicker.io/api/file/kSIb6HVOQF0ERCRwWHba\",\n        \"partspanel.jpg\",\n        \"302\",\n        \"349\",\n        \"#2d0b51\",\n        \"\"\n      ],\n      \"caption\": \"Parts Panel\"\n    }\n  ]\n}\n[/block]\nThis panel lets you manage the Parts used by your component. A Part is a self-contained piece of a component, with its own settings. When you select a Part in the Parts panel, the Component Studio workspace context changes to display properties for that part. More specifically:\n\n  * In the Source section, the Preview changes to show the part.\n  * In the Settings section, the Items panel changes to show the settings for the part.\n  * In the Layer Structure section, the Items panel changes to show the part’s layer hierarchy. \n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Key Functionality\"\n}\n[/block]\n  * Create a new part using the Make New button.\n  * Duplicate a part using the :fa-files-o: icon.\n  * Delete a part using the :fa-trash-o: icon.\n  * Select a part to change the Component Studio workspace context to display that part.\n  * To edit a part’s settings, mouse over the part and click the :fa-pencil-square: button. \n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Part Settings\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://www.filepicker.io/api/file/iu8weC05SQecCyEWGsvc\",\n        \"partspanel-edit.jpg\",\n        \"287\",\n        \"397\",\n        \"#5782a4\",\n        \"\"\n      ],\n      \"caption\": \"Parts Panel: Settings\"\n    }\n  ]\n}\n[/block]\nThe following settings are available for each part.\n\n  * **Label:** The part’s name; this is the name under which the part will appear in Design Studio, and elsewhere in the Component Studio.\n  * **Description:** A brief description of the part that will appear in a tooltip when a user hovers over the part.\n  * **Icon:** A 16x16 pixel image that you want to associate with this part. It will always appear next to the part's name.\n  * **Override initial settings:** Check this box to override some of the part’s defaults.\n\n## Initial Settings Section \nThis section only appears if the *Override initial settings* checkbox is checked. It allows you to override some of the part’s default settings when it is first placed into a component.\n\n  * **Position:** The X and Y position of the part with respect to the upper left corner of its parent layer.\n  * Size: The initial width (W) and height (H) of the part.\n  * **Visibility:** Toggles the part’s visibility in Design Studio’s Components panel.\n  * **Overflow:** Toggles the part’s overflow property, which specifies whether the part’s content overflows its box. Select On if you want the part to be fully visible regardless of its width and height. Select Off if you only want the portion of the part within its dimensions to be visible.","excerpt":"","slug":"component-studio-parts-panel","type":"basic","title":"Parts Panel"}

Design Studio

Campaign Studio

Report Studio

Metrics

Flite Console

Ad Ops

Component Studio

Parts Panel

[block:image] { "images": [ { "image": [ "https://www.filepicker.io/api/file/kSIb6HVOQF0ERCRwWHba", "partspanel.jpg", "302", "349", "#2d0b51", "" ], "caption": "Parts Panel" } ] } [/block] This panel lets you manage the Parts used by your component. A Part is a self-contained piece of a component, with its own settings. When you select a Part in the Parts panel, the Component Studio workspace context changes to display properties for that part. More specifically: * In the Source section, the Preview changes to show the part. * In the Settings section, the Items panel changes to show the settings for the part. * In the Layer Structure section, the Items panel changes to show the part’s layer hierarchy. [block:api-header] { "type": "basic", "title": "Key Functionality" } [/block] * Create a new part using the Make New button. * Duplicate a part using the :fa-files-o: icon. * Delete a part using the :fa-trash-o: icon. * Select a part to change the Component Studio workspace context to display that part. * To edit a part’s settings, mouse over the part and click the :fa-pencil-square: button. [block:api-header] { "type": "basic", "title": "Part Settings" } [/block] [block:image] { "images": [ { "image": [ "https://www.filepicker.io/api/file/iu8weC05SQecCyEWGsvc", "partspanel-edit.jpg", "287", "397", "#5782a4", "" ], "caption": "Parts Panel: Settings" } ] } [/block] The following settings are available for each part. * **Label:** The part’s name; this is the name under which the part will appear in Design Studio, and elsewhere in the Component Studio. * **Description:** A brief description of the part that will appear in a tooltip when a user hovers over the part. * **Icon:** A 16x16 pixel image that you want to associate with this part. It will always appear next to the part's name. * **Override initial settings:** Check this box to override some of the part’s defaults. ## Initial Settings Section This section only appears if the *Override initial settings* checkbox is checked. It allows you to override some of the part’s default settings when it is first placed into a component. * **Position:** The X and Y position of the part with respect to the upper left corner of its parent layer. * Size: The initial width (W) and height (H) of the part. * **Visibility:** Toggles the part’s visibility in Design Studio’s Components panel. * **Overflow:** Toggles the part’s overflow property, which specifies whether the part’s content overflows its box. Select On if you want the part to be fully visible regardless of its width and height. Select Off if you only want the portion of the part within its dimensions to be visible.