{"__v":23,"_id":"567b4ab793919f0d00c97aef","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-24T01:30:31.640Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":6,"body":"[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://www.filepicker.io/api/file/OQv5n2iFT4G9Sy3IQz2m\",\n        \"Screen Shot 2015-12-23 at 5.54.09 PM.png\",\n        \"482\",\n        \"70\",\n        \"#262a31\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nThe Component Studio user interface is largely driven by a series of panels that can be shown and hidden using designated Toolbar buttons. Some of these panels contain the same information regardless of what Section you are in, some contain different information for each section, and still others are only available in particular sections. Below is an overview of each panel, with links to more information on each one.\n\n* **Inspector (:fa-info-circle:, Ctrl+2):** Contextual editor for various settings and parameters. Depending on the section you are in and the selected item, the appropriate settings are displayed. For more on what the Inspector panel does in each section, refer to the appropriate section’s documentation.\n  * **[Source Section Inspector:](doc:component-studio-source-section)**  Top-level component settings like SWF file, component dimensions, dependencies used, and documentation.\n  * **[Settings Section Inspector:](doc:component-studio-settings-section)** The properties of the component parameter (setting or group) selected in the Items panel.\n  * **[Layer Structure Section Inspector:](doc:component-studio-layer-structure-section)** Depending on what is selected in the Items panel, this can be the general properties of a container or the cardinality properties of a part/component within a container. \n* **[Actions (:fa-bolt:, Ctrl+3):](doc:component-studio-actions-panel)** Configure custom actions and triggers on your component, allowing the component to react to user interactions and/or system events. The component will automatically have access to Design Studio’s standard actions & triggers.\n* **[Parts (:fa-cube:, Ctrl+4):](doc:component-studio-parts-panel)** Manage the parts used in your component. Parts are modular component building blocks allowing you to add more flexibility to your components.\n* **Help (:fa-question-circle:, Ctrl+/):** View this Component Studio documentation.\n* **Items (:fa-th-large:, Ctrl+1):** A hierarchical, selectable list of items contained in the component. \n  * **[Settings Section Items Panel:](doc:component-studio-settings-section)** The full hierarchy of settings and groups contained in your component.\n  * **[Layer Structure Section Items Panel:](doc:component-studio-layer-structure-section)** The component's layer structure, including all containers and the components/parts that can be added to each container.\n* **Parameter Types (Ctrl+5):** A library of Parameter Types that you can use for the settings and groups in your component. This panel only appears in the Settings Section.\n* **Component Preview (Ctrl+7):** A preview of the component with its default settings. This panel appears in the Settings Section and Layer Structure Section.\n* **Library (Ctrl+6):** A library of all existing components and component-specific parts available for use in your component’s layer structure. This panel only appears in the Layer Structure Section.","excerpt":"","slug":"component-studio-panels-overview","type":"basic","title":"Panels Overview"}