{"id":36650,"date":"2022-10-26T21:10:40","date_gmt":"2022-10-26T21:10:40","guid":{"rendered":"https:\/\/www.globalizationpartners.com\/?p=36650"},"modified":"2023-11-10T14:03:11","modified_gmt":"2023-11-10T14:03:11","slug":"working-with-shapes-and-tables-in-articulate-storyline-360","status":"publish","type":"post","link":"https:\/\/www.globalizationpartners.com\/2022\/10\/26\/working-with-shapes-and-tables-in-articulate-storyline-360\/","title":{"rendered":"Working with Shapes and Tables in Articulate Storyline 360"},"content":{"rendered":"<p>The\u00a0 Storyline 360 Insert tab contains a variety of powerful features. In today\u2019s article, I will go through two of these features \u2014 adding shapes and tables in <a href=\"https:\/\/articulate.com\/360\/storyline\">Articulate Storyline 360<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h2>Working with Shapes<\/h2>\n<p>Shapes play many different roles in Storyline. Shapes are used to build the design of a slide as drag-and-drop questions or they are inserted to function as buttons. . Let\u2019s start with how to insert a shape.<\/p>\n<p>From the \u201c<strong>Insert<\/strong>\u201d tab choose \u201c<strong>shape<\/strong>\u201d. \u00a0There are a wide variety of shapes that you can choose from depending on your design needs.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2022\/10\/Insert-Shape-Articulate-Storyline-360.png\" alt=\"Insert Shape - Articulate Storyline 360\" width=\"366\" height=\"650\" \/><\/p>\n<p>You can insert any shape you want then control it with the \u201cFormat\u201d tab. This allows you to customize the color, fill, outline, size, group, etc.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2022\/10\/Customize-Shape-Articulate-Storyline-360.png\" alt=\"Customize Shape - Articulate Storyline 360\" width=\"650\" height=\"366\" \/><\/p>\n<p>You can add text to any shape through one of these two ways:<\/p>\n<p>The first option is to, draw a text box from the \u201c<strong>Format<\/strong>\u201d tab.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2022\/10\/Add-Text-to-Shape.png\" alt=\"Add Text to Shape\" width=\"650\" height=\"366\" \/><\/p>\n<p><strong>Tip:<\/strong> Don\u2019t forget to group the shape with the text box by selecting both the text box and the shape then hit \u201cCtrl + G\u201d or choose the \u201c<strong>group<\/strong>\u201d option from the \u201c<strong>Format<\/strong>\u201d tab:<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2022\/10\/Group-Shape-with-Text.png\" alt=\"Group Shape with Text\" width=\"366\" height=\"650\" \/><\/p>\n<p>The second way to add text to a shape is to write directly in the shape. Select the shape, then right-click and choose \u201cEdit Text\u201d.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2022\/10\/Edit-Shape-Text.png\" alt=\"Edit Shape Text\" width=\"393\" height=\"306\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>How Do You Convert Shapes to Buttons?<\/h2>\n<p>One powerful feature of shapes is that we can convert them to buttons. You can do so by adding different states and triggers to control how a button works. Typically, shapes have only one \u201cNormal\u201d state.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2022\/10\/Convert-Shapes-to-Buttons.png\" alt=\"Convert Shapes to Buttons\" width=\"408\" height=\"388\" \/><\/p>\n<p>To convert a shape to a button, select the shape and go to <strong>Format &gt; Button<\/strong>.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2022\/10\/Shape-to-Button-Format.png\" alt=\"Shape to Button Format\" width=\"408\" height=\"388\" \/><\/p>\n<p>Now the \u201c<strong>States<\/strong>\u201d option for the button appears below<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2022\/10\/States-Option.png\" alt=\"States Option\" width=\"516\" height=\"236\" \/><\/p>\n<p>You can copy this formation to the shape by choosing \u201cFormat Painter\u201d and then clicking on the shape. Now you can use the shape as a button.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2022\/10\/Format-Button-Shapes.png\" alt=\"Edit States\" width=\"445\" height=\"237\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Using Format Shape and Format Picture<\/h2>\n<p>If you want to change or edit any of the Shape information and format, you can Press \u201cCtrl + Enter\u201d or select from the\u00a0\u201cFormat\u201d\u00a0tab on the ribbon, then click the arrow in the lower right corner of the\u00a0\u201cShape Styles\u201d\u00a0or\u00a0\u201cPicture Styles\u201d\u00a0group.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2022\/10\/Change-and-Format-Shape-Information.png\" alt=\"Change and Format Shape Information\" width=\"445\" height=\"237\" \/><\/p>\n<p>You can also use the tabs on the left side of the window to set your options.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2022\/10\/Drawing-Tools.png\" alt=\"Drawing Tools\" width=\"445\" height=\"237\" \/><\/p>\n<h2>Working With Tables<\/h2>\n<p>Tables are an important tool to organize data in an easy way. They also play an important role in making your data more accessible for all users.<\/p>\n<h3>Import Tables:<\/h3>\n<p>There are two options to import a table in Storyline:<\/p>\n<p>&#8211; <strong>Import tables from a PowerPoint<\/strong> presentation with all the text and formatting, then edit them as you\u2019d like.<\/p>\n<p>&#8211; <strong>Copy and paste a table from any other tool<\/strong> like Excel. \u00a0All you need to do is to select the table and copy (Ctrl + C) then paste it where you want it to appear. Formatting may be lost, but you always can edit the table content and format when needed.<\/p>\n<p>&nbsp;<\/p>\n<h3>Creating Tables<\/h3>\n<p>You can always start a table from scratch. Select <strong>Insert &gt; Table<\/strong> and select the number of rows and columns you want, then click your mouse to activate your choice.<\/p>\n<p>The table will appear on the current slide. Then you can start building your table by adding data, rows, columns, and formatting.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2022\/10\/Create-Tables-Articulate-Storyline-360.png\" alt=\"Create Tables \u2013 Articulate Storyline 360\" width=\"445\" height=\"237\" \/><\/p>\n<p>There are two options in the ribbon to control how the table looks. The \u201c<strong>Design<\/strong>\u201d tab controls the table design and the \u201c<strong>Format<\/strong>\u201d tab controls the text layout inside the table.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2022\/10\/Table-Design-Articulate-Storyline-360.png\" alt=\"Table Design \u2013 Articulate Storyline 360\" width=\"445\" height=\"237\" \/><\/p>\n<p>Shapes and tables in Articulate Storyline 360 can be used in many ways and levels. Aside from their original usage, both can be used as interactive elements to enrich your content design. Follow these easy steps and explore how you can make your product more engaging with shapes and tables.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The\u00a0 Storyline 360 Insert tab contains a variety of powerful features. In today\u2019s article, I will go through two of these features \u2014 adding shapes and tables in Articulate Storyline 360. &nbsp; Working with Shapes Shapes play many different roles in Storyline. Shapes are used to build the design of a slide as drag-and-drop questions [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":36720,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[1733,1702,219,1796],"_links":{"self":[{"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/posts\/36650"}],"collection":[{"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/comments?post=36650"}],"version-history":[{"count":3,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/posts\/36650\/revisions"}],"predecessor-version":[{"id":36725,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/posts\/36650\/revisions\/36725"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/media\/36720"}],"wp:attachment":[{"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/media?parent=36650"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/categories?post=36650"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/tags?post=36650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}