{"id":1910,"date":"2017-02-20T21:13:39","date_gmt":"2017-02-21T01:13:39","guid":{"rendered":"http:\/\/ashleychiasson.com\/blog\/?p=1910"},"modified":"2017-02-20T21:13:39","modified_gmt":"2017-02-21T01:13:39","slug":"screencast-quick-tabbed-layout-in-articulate-storyline-360","status":"publish","type":"post","link":"https:\/\/ashleychiasson.com\/blog\/screencast-quick-tabbed-layout-in-articulate-storyline-360\/","title":{"rendered":"Screencast: Quick Tabbed Layout in Articulate Storyline 360"},"content":{"rendered":"<p>Today I&#8217;m sharing how I create a tabbed layout. I start with a styled screen so you don&#8217;t have to stare at a blank canvas the entire time, and then I go through adding all of the essential elements of a tabbed layout:<\/p>\n<ul>\n<li>A prompt on the base layer (which I think is essential for almost any interactivity students need to engage in<\/li>\n<li>The tabs &#8211; I used the rectangle shape; you can use buttons if you like &#8211; Storyline 1 and 2 has me brainwashed into using the rectangle as a button<\/li>\n<li>The container for which the content will appear when tabs are selected &#8211; again, I used a rectangular shape<\/li>\n<li>The layers containing the content that will appear, along with a close button.<\/li>\n<\/ul>\n<p>Once all of these elements were created and content was populated, I went back to the base layer to make the tabs functional. This is as easy as creating a show layer trigger for each of the tabs. Easy peasy!<\/p>\n<p>Check out the screencast below to hear all of my tab-layout-rambling!<\/p>\n<p><center><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/204975352\" width=\"640\" height=\"360\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/center><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today I&#8217;m sharing how I create a tabbed layout. I start with a styled screen so you don&#8217;t have to stare at a blank canvas the entire time, and then I go through adding all of the essential elements of a tabbed layout: A prompt on the base layer (which I think is essential for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","jetpack_post_was_ever_published":false,"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[24],"tags":[23],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4s3cq-uO","_links":{"self":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/1910"}],"collection":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/comments?post=1910"}],"version-history":[{"count":1,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/1910\/revisions"}],"predecessor-version":[{"id":1911,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/1910\/revisions\/1911"}],"wp:attachment":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/media?parent=1910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/categories?post=1910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/tags?post=1910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}