{"id":"555627c4ea5e120d001884fb","name":"Flite Help Center","subdomain":"helpflite","versions":[{"_id":"555627c4ea5e120d001884fe","releaseDate":"2015-05-15T17:07:16.918Z","is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"}],"doc_slug":"","current_version":{"version_clean":"1.0.0","version":"1.0"},"oauth":{"enabled":false},"api":{"name":"","url":"","contenttype":"form","auth":"","explorer":true,"jwt":false,"authextra":[],"headers":[],"object_definitions":[]},"apiAlt":[],"plan_details":{"name":"Developer Hub","is_active":true,"cost":59,"versions":10000,"custom_domain":true,"custom_pages":true,"whitelabel":false,"errors":false,"password":true,"landing_page":true,"themebuilder":true,"stylesheet":true,"javascript":false,"html":true,"extra_html":false,"admins":true,"apps":true},"apps":{"enabled":false},"intercom":"","intercom_secure_emailonly":false,"flags":{"allow_hub2":false,"hub2":false,"migrationRun":false,"oauth":false,"swagger":false,"correctnewlines":false,"speedyRender":false,"ssl":false},"asset_base_url":""}

{"__v":2,"_id":"5684783bc11c7e0d00aaff71","category":{"__v":34,"_id":"555627c5ea5e120d001884ff","pages":["555627c6ea5e120d00188501","55562fbdea5e120d00188526","5556368b150ba30d00f4e0b7","5556590e26e9bc0d0044eb61","55567be0150ba30d00f4e248","55567bf026e9bc0d0044ec55","55567c08150ba30d00f4e24a","55567c14150ba30d00f4e24c","55567c4426e9bc0d0044ec59","55567c501026001900d72abc","55567c5926e9bc0d0044ec5d","55567c9a1026001900d72abf","55567cd9150ba30d00f4e24f","55567ce4150ba30d00f4e251","55567ced26e9bc0d0044ec61","555698d62f6b480d0034d9a4","55e0c386dc6b2e170074f2e3","55e0c5e15087cb1900986c16","55e0f99926f51b0d009b1744","567b35067c40060d0056041d","567b3531ee052b1700dbd9da","56846a5a65976e0d00001c57","5684783bc11c7e0d00aaff71","56847cb55a66610d006eabbd","56848a0cf72e9e0d00e098e5","568ccdf38602880d001ce230","569431fcd8c04d1700e5ae05","569ebe1ad233620d007055fb","569edd718f6d4b0d00f13b91","56aa5c3d13a69a0d00a77a09","56aa6eda4d38401900199f7a","56c7a7d5f9aa3b0d00c8457b","56d0ab1440d36e1d00bc143b","56ec9c5a493ce620008ea4c8"],"project":"555627c4ea5e120d001884fb","version":"555627c4ea5e120d001884fe","reference":false,"createdAt":"2015-05-15T17:07:17.512Z","from_sync":false,"order":0,"slug":"design","title":"Design 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-31T00:35:07.045Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":6,"body":"The Inspector Panel’s *transitions* section lets you configure transitions on this layer. Transitions are available on most layers by default. Transitions are not available on layers contained within a parent layer that controls its children’s geometry. This is the case for most navigation layers, including those of types *Carousel, Gallery,* and *Stack*.\n\nThe transitions section has two settings:\n  * **On Show:** The transition that is shown when this layer becomes visible. Depending on the type of transition selected, there will be some additional settings.\n  * **On Hide:** The transition that is shown when this layer is made invisible. Depending on the type of transition selected, there will be some additional settings.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Transition Types\"\n}\n[/block]\nThe following transitions types are available. Underneath each transition type is a list of additional settings that need to be filled in for each one.\n- None: No transition\n- Fade In/Out: Layer fades in or out by gradually changing its opacity.\n  - Duration: The number of seconds that this transition should last.\n- Slide In/Out: Layer slides in or out of the ad.\n  - Duration: The number of seconds this transition should last.\n  - Direction: The direction in which the layer should slide. The choices are Left to Right, Right to Left, Top to Bottom, and Bottom to Top.\n  - Easing: The type of easing function that is applied to this transition.\n    - None: The slide occurs at a constant speed.\n    - Ease In: The slide starts out slow and then speeds up.\n    - Ease Out: The slide starts out fast and then slows down.\n    - Ease In & Out: The slide starts out slow, speeds up to the halfway point, then slows down again.\n- Scale In/Out: Layer zooms in or out into view.\n  - Duration: The time it takes to scale in or scale out. Lower numbers result in speedier transitions.\n  - Start at: Specifies the starting scale (final scale at the end of the duration is 100%).","excerpt":"","slug":"design-studio-adding-transitions","type":"basic","title":"Adding Transitions"}

Adding Transitions

The Inspector Panel’s *transitions* section lets you configure transitions on this layer. Transitions are available on most layers by default. Transitions are not available on layers contained within a parent layer that controls its children’s geometry. This is the case for most navigation layers, including those of types *Carousel, Gallery,* and *Stack*. The transitions section has two settings: * **On Show:** The transition that is shown when this layer becomes visible. Depending on the type of transition selected, there will be some additional settings. * **On Hide:** The transition that is shown when this layer is made invisible. Depending on the type of transition selected, there will be some additional settings. [block:api-header] { "type": "basic", "title": "Transition Types" } [/block] The following transitions types are available. Underneath each transition type is a list of additional settings that need to be filled in for each one. - None: No transition - Fade In/Out: Layer fades in or out by gradually changing its opacity. - Duration: The number of seconds that this transition should last. - Slide In/Out: Layer slides in or out of the ad. - Duration: The number of seconds this transition should last. - Direction: The direction in which the layer should slide. The choices are Left to Right, Right to Left, Top to Bottom, and Bottom to Top. - Easing: The type of easing function that is applied to this transition. - None: The slide occurs at a constant speed. - Ease In: The slide starts out slow and then speeds up. - Ease Out: The slide starts out fast and then slows down. - Ease In & Out: The slide starts out slow, speeds up to the halfway point, then slows down again. - Scale In/Out: Layer zooms in or out into view. - Duration: The time it takes to scale in or scale out. Lower numbers result in speedier transitions. - Start at: Specifies the starting scale (final scale at the end of the duration is 100%).