rise 360
164 TopicsRise 360: Manually Translate Your Content
This article covers the process of manually translating Rise 360 content into left-to-right languages using XLIFF exports and imports. This method is best suited for single-language translation. Articulate Localization, available as a subscription add-on, allows for seamless creation of multi-language courses within Rise 360. Learn more by visiting the Articulate Localization user guide, or contact our sales team to learn how you can add Articulate Localization to your subscription. Read on for the manual process. Duplicate Your Content Export the Content as an XLIFF File Import Translated Text Translate Your Labels Translate Training into Multiple Languages Step 1: Duplicate Your Content The first step in the manual process is to duplicate the content you want to translate. The duplicate you create is used for the translated version. On the Rise 360 dashboard, hover over the content you want to translate and click the ellipses icon that appears. Select Duplicate. Enter a name for the duplicate content. (We recommend using the original course title, appended with the language code, such as “fr” for French.) Then, click Duplicate to confirm. The duplicate content appears at the top of your Rise 360 dashboard. Note that you'll need to create a duplicate for every language you want to translate your training into. Alternatively, with Articulate Localization, you can translate your content into 80+ languages (including right-to-left languages) and manage all language versions as a single project stack, right from the Rise 360 dashboard. Step 2: Export the Content as an XLIFF File Open the duplicate content you created in the previous step. Click the Settings icon in the upper toolbar. On the Translations tab, expand Traditional XLIFF Translation. If you're following this guide, skip Steps 1 and 2. Under Step 3, if you don’t need to preserve formatting you’ve applied to your text, deselect Include HTML formatting. This exports your content in easy-to-translate blocks of text. However, it doesn’t contain the coding necessary to maintain any formatting you’ve applied to that content. Enter the source language in the Set source course language code field if it's something other than U.S. English (en-us). As you type, a list of available language codes appears. Click Export XLIFF File and save the file to your computer. Edit your exported XLIFF file with a web app, computer program, or professional translation service. If Include HTML formatting was selected, you'll see additional HTML tags and extra spaces in your exported XLIFF file. These are there to preserve your formatting when you import your translated file. Please note that question banks aren't translated when using the manual XLIFF export process. Questions drawn from question banks included in knowledge checks and quizzes are displayed in their original language. To translate question banks, add Articulate Localization to your subscription. Tip: Rise 360 uses XLIFF version 1.2. Step 3: Import Translated Text Once you've translated your content, import the file back into Rise 360. Open the duplicate content. Click the Settings icon in the upper right corner. On the Translations tab, expand Traditional XLIFF Translation. Under Import, click Import Translated Text. Select your translated XLIFF file and click Open. A message displays when your text is successfully imported. Why am I seeing an error? If you see an error message that says the “Translation file doesn’t match this content,” make sure you’re in the content from which you originally exported your XLIFF file. The XLIFF file is content-specific, so it can't be exported from one piece of content and imported into another. If you see a different error, the XLIFF file may be incomplete or corrupt. Download a fresh copy of the file and try again. Where did my formatting go? If you deselected Include HTML formatting in step 2, any formatting you applied to your content prior to importing the translated file is not retained. Let us know if you have any questions. We’re happy to help! Step 4: Translate Your Labels Once your content has been translated, translate your buttons and other built-in navigational elements. Click Settings in the upper right corner. Select the Labels tab. Follow the instructions in this article. Note: In order for the correct language to be assigned to your training so that assistive technologies can communicate the content with the correct presentation and pronunciation, labels must use the same ISO language code as your translated content. Translate Training into Multiple Languages For multiple-language training, we recommend Articulate Localization. Not only does it provide a streamlined experience for translating training into multiple languages, but it also offers a deep set of features custom-built for your translation needs. Contact our sales team to learn more.26KViews4likes0CommentsRise 360: How to Use Code Block (Beta)
Code block is still under development and will receive updates during the beta. Functionality will change over time. Based on feedback and feature stability, some options will be modified, and others may be removed. Want to offer deeper, richer experiences to your learners? Now you can create code-based projects directly in Rise 360 with code block. Develop interactive tools and demos with an in-app code editor, or upload your own completed projects. Not sure where to start? Check out this training for inspiration, or read on to try it yourself. Insert a Code Block Modify the Block Settings Accessibility Information Beta Considerations Note: Code blocks can only use the resources available in the block itself, and what’s written affects only that block’s environment. Code written in HTML, CSS, and JavaScript works best for custom code blocks. Step 1: Insert a Code Block Open a Rise 360 course, then edit an existing lesson or create a new one. Select All Blocks from the blocks shortcut bar. Or, click the insert block icon (+) that appears when you mouse over a boundary between blocks. From the sidebar, choose the Code category. Select an option depending on how you've compiled your code project. Click Add code to enter and edit code directly. Changes you make are reflected in real time. Click Upload project to upload a ZIP file that meets the following criteria: Includes a core project file named index.html that contains the code for your project. It can't be named anything else. This file can't be in a folder and must be at the root level of your file Includes all assets for your project, including source files such as images Isn't larger than 5 GB When the block displays, click the action button or hover over the block to access the left-hand design toolbar. Then, click the Content icon. In the sidebar, add your code or upload your zipped project. In the Add code block, use the search/replace, copy, and delete icons to quickly make changes to your entire code block. In the Upload project block, use the delete icon to clear out the currently uploaded ZIP file. Your project will run immediately once added to Rise 360. Note: Code blocks included in training published for LMS or web export can't be previewed locally but will display as expected when uploaded to your training host. Completion Parameters To ensure learners complete a code block activity before proceeding, set completion parameters for your code block. With the following steps completed, continue blocks recognize when learners have completed the activity within the block. Either edit the content of an existing code block or add a new block. Enable the Set completion requirements toggle. Copy the code snippet that displays: window.parent.postMessage({ type: 'complete' }, '*'); Paste the code into the code window or into your existing project. For existing upload project blocks, you'll need to re-import your project after adding the completion code snippet. That's it! Now Rise 360 continue blocks will recognize when the code block activity has been completed. Note: Activating the completion toggle and including a completion-based continue block without including the code snippet in your project will block learners from continuing the training. Inspiration Gallery Both blocks have one-click access to our tutorial course with sample projects. Take a look and see what's possible, then build your own based on the provided code and assets! Just click the Need help getting started? button to check it out. Vibe Coding If you use a third-party LLM to generate code (also known as "vibe coding"), use the following as your prompt template to ensure enhanced compatibility with Rise 360. Replace the text in square brackets with your own content. Create an `index.html` file that can contain HTML, CSS, and JavaScript and doesn't include external web requests This `index.html` file will be used inside an `<iframe>` In the `index.html` file, create [describe your project], give it a transparent background Encode that once [describe completion parameters], the application should call `window.parent.postMessage({ type: 'complete' }, '*');` to let the parent window know that the interaction has been completed Step 2: Modify the Block Settings Modify how your content looks on the screen by hovering over an existing block to access the left-hand design toolbar. Click the Style icon to access block background options. The Format menu provides options for changing the block padding, content width, and max height of the block. Accessibility Information Custom code accessibility is still being assessed, but you can improve accessibility by using an accessibility checker plug-in such as axe DevTools provided by Deque or the Wave accessibility checker to verify your code. Looking for more accessibility design tips? Check out the following resources: Rise 360: How to Design an Accessible Course Accessibility Index Beta Considerations Since the custom code feature is still in active development, we recommend not using it for critical deliverables. Currently, code blocks have the following known issues: Publishing your training to PDF doesn't produce a one-to-one reproduction of code block content. Automatic translation with Articulate Localization isn't supported. However, you can manually insert language-specific code blocks after translation.7.2KViews14likes0Comments8 Business Use Cases for Microlearning
Are you excited to try out microlearning, but unsure when to use it? Below, we outline eight common workplace situations that benefit from a short-form course. Each situation includes a sample microlearning. At the end, learn how you can customize these templates for your own company and training needs. 1. Create Organizational Alignment To hit a business target, everyone needs to be moving in the same direction. Creating that alignment starts with clear, frequent communication of the shared mission, vision, and values. Microlearning can help. The following editable template shows how you can align employees through regular executive “micro” updates: Executive Update 2. Highlight HR Information, Notices, or Reminders Educating employees about annual events like open enrollment, tax season, and compliance training is a critical function of HR teams. The problem? Important announcements often get missed when they’re embedded in long paragraphs or endless emails. Grab the following templates to see how microlearning makes HR communications more digestible and engaging: A Quick Guide To Open Enrollment Internal Company Newsletter 3. Strengthen Company Culture and DEI Initiatives Fostering an inclusive company culture is a continuous process—not a one-time effort. A series of microlearnings can support your larger culture-building and DEI efforts. Check out the following examples for ideas on how to get started: Are You an Ally? Try Taking on These 5 Roles How To Identify and Stop Using Ableist Language Gossip-Proof Your Workplace 4. Streamline Business Processes You can also use microlearning to document and streamline business processes or workflows—such as employee onboarding or performance management. Notice how the following examples make it easy for employees to work through the steps of a process independently: New Hire Pre-Hire Checklist Performance Review and Feedback 5. Increase Security Awareness Most successful data breaches, phishing attacks, and other cybersecurity incidents are caused by human error. Adding refresher microlearnings throughout the year can fortify your defenses. See an example for safeguarding against phishing attacks below: Spot the Phish 6. Enhance Employee Wellness A successful business needs thriving employees. But employee wellness training often ends up buried under competing priorities. Microlearning makes it easy for employees to fit in short breaks for self-care throughout the workday. Check out these two wellness-related microlearning examples: 3 Desk Stretches to Instantly Improve Your Day 5 Tips for Better Naps 7. Provide Quick-Reference Guides Microlearning is the perfect resource for one-off training questions: Employees can quickly find the answers they need—when they need them. Below, we’ve created templates for product and software training. But you could easily create quick-reference guides for sales, customer service, and other teams. Get To Know [Name of Product] Software Training 8. Reinforce and Assess Key Takeaways Finally, who says you have to choose between a more sizable course and microlearning? Repetition aids retention. Consider following up longer training sessions with a microlearning quiz, scenario, or summary. The examples listed below demonstrate how you might do this: Can You Recover From a Workplace Mistake? Training Refresher Wrap-Up There’s no shortage of creative ways you can use microlearning to achieve your business training objectives. The examples above are just a starter list. You might also check out submissions to one of our weekly community challenges, 40+ Microlearning Examples Created in Rise 360 #407. Interested in customizing one of these examples for your team? If you’re an Articulate 360 subscriber or trialer, you can edit all of the examples linked throughout this post by choosing the course from our Rise 360 microlearning content templates. Here’s a short video showing how to do that: What’s the latest microlearning course you’ve created? Tell us about it in the comments—and feel free to ask any questions you might have! Like this article? Subscribe to our newsletter to get the latest e-learning inspiration and insights directly in your inbox. You can also find us on LinkedIn and Twitter.2.2KViews0likes9CommentsMade By Members: Rise Code Blocks
This month, we’re spotlighting creative ways community members are experimenting with Rise 360’s new Code Block (Beta) feature. From quick prototypes to full mini-games and simulations, these projects show how custom HTML, CSS, and JavaScript can bring fresh interactivity to Rise, whether you’re vibe coding with AI or hand-crafting from scratch 💡 Try It Yourself: Rise 360: How to Use Code Block, Creating Blocks with Vibe Coding 👽 Alien Lifespan Challenge by GrahamBetts-add Graham created a fast-paced trivia game that challenges learners to keep Brian the Alien alive by answering 10 questions correctly. The project combines timers, progress tracking, and custom feedback, powered by code. 🔗 View the post | 🎮 Try the demo Build It with AI: Kick off your own build with prompts like these, or start from scratch with your own code or customizations: “Write HTML, CSS, and JavaScript for a 10-question timed quiz game that tracks correct answers and shows a 3-star progress meter inside a Rise 360 Code Block.” “Structure the code so all quiz content lives in a QUESTIONS array and settings in a CONFIG object, making it easy to update questions, feedback, and timer length.” “Create an interactive quiz where each correct answer extends the player’s time and updates a character’s emotion from happy to sad based on performance.” 🧭 Explore Cardinal Directions by ilgunapo Apo built a playful, interactive experience to help learners explore the four cardinal directions. After discovering each direction on a compass, players test what they’ve learned in a mini treasure-hunt game. 🔗 View the post | 🎮 Try the demo Build It with AI: Kick off your own build with prompts like these, or start from scratch with your own code or customizations: “Write HTML, CSS, and JavaScript for an interactive compass that lets users explore the four cardinal directions, then unlocks a short treasure hunt game inside a Rise 360 Code Block.” “Structure the code so text content, directions, and object positions are easy to edit through a CONFIG or LEVELS object.” “Create a grid-based navigation game where players move a character using arrow keys or on-screen buttons to reach a treasure.” 🔋 Check Your Battery by Kate_Golomshtok This playful Caffeine Cat Test helps learners check their energy levels through a short, interactive quiz. Despite having no coding background, Kate used AI to create animated elements, like moving paws, a cat-face divider, and clickable cards, that make the experience feel warm and personal. 🔗 View the post | 🎮 Try the demo Build It with AI: Kick off your own build with prompts like these, or start from scratch with your own code or customizations: “Write HTML, CSS, and JavaScript for a 6-question personality quiz with animated feedback cards, designed for use inside a Rise 360 Code Block.” “Include visual elements like progress bars, emoji icons, and a results screen with simple charts showing fatigue, energy, and motivation.” “Structure the quiz content in a QUESTIONS array and use a CONFIG object to store colors, icons, and category names for easy editing.” 🐸 Hoppy Adventures: Coin Capture by destery1kenobi Destery created a retro-inspired game where players collect coins, dodge predators, and answer quiz questions to level up. Each set of 10 coins triggers a multiple-choice question, all managed through a JSON file for easy updates and tracking. 🔗 View the post | 🎮 Try the demo Build It with AI: Kick off your own build with prompts like these, or start from scratch with your own code or customizations: “Write HTML, CSS, and JavaScript for a mini-game where players use arrow keys (or WASD) to move a character around and collect coins.” “After every 10 coins, pause the game and display a multiple-choice quiz question inside a modal.” “Store quiz questions and answers in a QUESTIONS array for easy editing, and use variables for score, time, and level tracking. The game should run entirely inside a Rise 360 Code Block.” ☎️ People Manager Simulation by danielbenton Daniel created a simulation where learners step into the role of a new call-centre manager, making choices that impact morale, performance, and stress. It features avatars, tooltips, and a narrative end summary, all co-coded through an iterative vibe-coding process. 🔗 View the post | 🎮 Try the demo Build It with AI: Kick off your own build with prompts like these, or start from scratch with your own code or customizations: “Build a browser-based management simulation with multiple-choice decisions that adjust player stats like performance, morale, and stress.” “Add tooltips to each choice explaining what the decision affects, and include a narrative end summary with a performance rating.” “Create an HTML layout for avatars and dialogue boxes that display manager and team interactions inside a Rise 360 Code Block.” 💬 Your Turn: Share your examples and tell us what you created, how you built it, or which prompts helped you along the way. 💡 Pro Tip: When posting your own Code Block examples, add the “Code Block” tag so others can find them more easily. And if you haven’t already, join our Code Block Group to keep the conversation going! 🏅 Want to Be Featured Next? We’re always looking to highlight inspiring examples from the community, and your work could be next! Here's what we look for in a standout submission: A downloadable .story file or link to your Rise course so others can explore, adapt, and learn from your build. A clear explanation of what you built, how it works, and what makes it unique. Behind-the-scenes insight into your process, techniques, tools, or challenges you tackled. Purposeful design, whether it’s solving a problem, teaching a concept, or experimenting with a new approach. Bonus: Share your ideas for how your design is widely applicable beyond the specific example. Got something cool to share? Post it in Share Examples and you might see it featured in an upcoming roundup!456Views3likes0CommentsArticulate 360: Mastering Permissions and Tasks in Articulate Platforms
This guide is your comprehensive resource for understanding and implementing permissions across Articulate platforms, including Articulate 360 Teams, Reach 360, and Review 360. It will help you: Distinguish between free and paid permissions Assign permissions strategically for optimal collaboration and security Streamline team onboarding with step-by-step task recommendations With the right permissions in place, your team will be ready to deliver exceptional learning experiences faster and with greater confidence. Let’s get started! Free Permissions Free permissions—those that don’t use a license on a subscription—are limited to administrative oversight or reviewing tasks. They can’t create or edit courses. The following list shows the free permissions on each platform: Articulate 360 Teams—Account Owner, Primary Admin, 360 Admin, Group Manager Reach 360—Admin, Manager, Reporter Review 360—Reviewers (with or without an Articulate ID) Note: Except for subscriptions purchased through global resellers and distributors, account owners are also assigned primary admin permissions. Platform-Specific Permissions and Tasks These are the permissions and tasks available across Articulate 360 Teams, Reach 360, and Review 360. Articulate 360 Teams Account Owner—Purchases the subscription and is responsible for key administrative tasks, such as: Billing management, including updating payment methods and making billing decisions (if purchased through a global reseller, contact the reseller directly for billing management) Purchasing additional seats for the team Primary Admin—Manages creators, groups, and admins, including overseeing all team members and organizational settings, including: Enabling or disabling Articulate AI services Changing the Reach 360 URL Enabling single sign-on (SSO) for learners Note: The primary admin can serve as an admin for multiple teams but can only be a user on one team. The primary admin must have a creator license if they want to create content. 360 Admin—Manages all creators, groups, and admins, including Reach admins. They do not consume a creator license by default. If assigned a license, they can also manage Storyline team slides and rename and delete shared Rise 360 block templates. Group Manager— Manages creators within specific groups. They do not consume a creator license by default. If assigned a license, they can also manage Storyline team slides and rename and delete shared Rise 360 block templates. Creator—Creates courses and collaborates on projects using Articulate 360 apps like Storyline 360 and Rise 360. Each creator must be assigned a license. Note: Creators may have different collaborative roles within the various Articulate 360 apps. Reach 360 Primary Admin—The same as the Articulate 360 Teams account owner. They manage billing and have full admin rights. Admin—Manages all learners and training settings and has access to the Learn, Manage, and Analyze tabs. Manager—Manages assigned groups. They can invite learners, remove group members, assign training, and view reports for their groups. Reporter—Accesses automatically generated metrics for specific groups or the entire account, as assigned. Learner—Participates in assigned training and has access to the Learn tab. Note: Reach 360 has two available plans: Reach Starter, included in the price of Articulate 360 for up to 300 active learners per annual term Reach Pro, a paid upgrade for 301 or more active learners per annual term Review 360 Content Owner—Uploads content and has full control over the Review item. They must have a paid seat. Editor (in team folders)—Manages shared team folders and items but can’t delete, move, or change their permissions. They must have a paid seat in the same team subscription. Reviewer (with an Articulate ID)—Reads, posts, edits, resolves, and deletes their own comments. They can also access additional Review features. They do not need a paid seat. Reviewer (without an Articulate ID)—Reads and posts comments, inserts emojis, @mentions other reviewers, and adds attachments. They do not need a paid seat. Recommendations for Assigning Permissions When assigning permissions, we recommend following these five steps in order: Assign Administrators First. Begin with the Account Owner and Primary Admin to configure account settings and manage initial setup. Delegate Management. Assign Articulate 360 Teams Group Admin or Reach 360 Manager permissions to individuals who lead specific groups or teams. Enable Collaboration. Assign Articulate 360 Teams Creator permissions to content creators and collaborators. Add Learners. Assign Reach 360 Learners once content and training environments are set up. Use Reviewers Strategically. Assign Review 360 Reviewer permissions to stakeholders for content feedback. Here are ways to invite reviewers. Learn More To learn more, please see the following user guide articles: Articulate 360 Teams: Roles and Permissions Reach 360: Understanding User Permissions and Roles Review 360: Understand Tasks and Permissions Rise.com: Manage User Roles and Permissions1.3KViews0likes0CommentsBoost Your Problem-Solving Skills with Interactive Lessons!
We have created a Problem Solving course using the new Rise 360 custom block feature to make learning dynamic and engaging. Click the link below to view the course and elevate your problem-solving skills to the next level! https://www.swiftelearningservices.com/enhance-elearning-rise-360-custom-blocks/Rise 360: Add Text, Tables, and More
Rise 360 blocks are essentially templates, so adding content is as easy as plugging it into placeholders. For every lesson, you can edit the lesson title and show or hide the author. Then you can fill out blocks with text, tables, math equations, and more—or use AI to help generate content. Here are tips for working with text-based content. Text Tables Math Equations Quick Insert Text Type your text in the web interface or copy text from external sources and paste it into Rise 360. You can also generate text using the Write with AI quick insert command. In most lessons, you can add and edit text in the body of the main window. In some cases, you use the sidebar—for example, adding marker text in the sidebar for labeled graphic blocks. Text Formatting Format text by selecting it and choosing formatting options from the floating toolbar that appears. Icon Function Edit with AI Launch AI Assistant to edit the current text selection. Bold, Italic, Underline, Strikethrough Click to apply bold, italic, underline, or strikethrough formatting Subscript, Superscript Apply subscript or superscript formatting Font Size Select a font point size from 6-144pt or enter a specific size. Default text size for non-heading content in Rise is 17pt. Line Height Select spacing between lines from 1 to 4. Letter Spacing Select spacing between letters from -2 to 10. Color Select or enter a HEX code for the font or background color. URL Click, enter a URL, and click Insert to add a hyperlink to the selected text. Paragraph Format Select a heading style or apply normal text formatting Align Select text alignment for the entire paragraph. Ordered List, Numbered List Convert the selected paragraph into a numbered or bulleted list. Bullet Styles Select the color and adjust the size of list bullets and numbers. Decrease Indent, Increase Indent If available, decrease or increase the indent of the entire paragraph. Math Equation Insert a math equation using the built-in LaTex editor. Select All Select all text in the current paragraph. Clear Formatting Clear all formatting from the currently selected text. Undo, Redo Undo or redo the last formatting action. The following keyboard shortcuts are also available. Key(s) Function Ctrl+A Select all Ctrl+B Bold Ctrl+I Italicize Ctrl+K Hyperlink Ctrl+S Strikethrough Ctrl+U Underline Ctrl+Z Undo Ctrl+Shift+Z Redo Ctrl+[ Decrease indent Ctrl+] Increase indent When you paste text, Rise 360 retains the source formatting. To paste your text without formatting, use the keyboard shortcut Ctrl+Shift+V. You can also restore the default Rise 360 formatting to pasted text by selecting it and clicking the Reset icon. Tables Tables make organizing and presenting complex data easy. To get started, add a table using a table block or quick insert when it’s available. You can also select text and have AI Assistant convert it into a table automatically via the command on the formatting toolbar. Math Equations Enter math equations using Rise 360's built-in LaTex editor via the text formatting toolbar or quick insert. Quick Insert Available in the sidebar and main window of most blocks that support text, quick insert lets you add tables, lists, and math equations to blocks with a single click. On a blank line, click Quick Insert (+). Select Insert Table, Unordered List, Ordered List, or Math Equations from the row of icons.4.7KViews1like0CommentsRise 360: Create Custom Blocks
Custom block is currently in beta. Functionality may change over time. Based on feedback and feature stability, some options could be modified, and others removed. Need a unique block to meet your exact training needs? Custom blocks unlock fresh possibilities! Add text, objects, and media elements to a blank canvas, then drag and drop them to craft the perfect creation. Note: While custom block supports several accessibility features, some aspects are not yet fully accessible. Insert Blank or Prebuilt Templates Set up the Canvas Add Templates and Objects Manipulate Objects Format Objects Adjust Object Order and Accessiblity Settings Add Interactivity (Coming Soon) Modify the Block Settings Using Keyboard Shortcuts Accessibility and Compatibility Feedback Step 1: Insert Blank or Prebuilt Templates Get started with a blank canvas or a prebuilt template. Open the block library in your training to begin. Start from Scratch Expand the Custom Block menu. Select +Blank to insert a blank canvas into your course. Click Create a Custom Block to begin. Start with a Template Expand the Custom Block menu. Choose a category, then select a template. Hover over the block and click the Content icon to personalize the template. You can also add templates to blank blocks. Follow the link for a full list of prebuilt templates. Step 2: Set Up the Canvas The canvas is where you add objects and create your custom block. Only objects placed on the canvas are visible to learners. Use the toolbar that displays to select the canvas to modify the color, border style, and overlay. You can also manually enter the canvas pixel width and height or automatically shrink the canvas to the included objects. Please note, custom blocks aren't responsive at this time. We recommend using a slightly taller canvas size so that your content remains legible on smaller screens and mobile devices. Step 3: Add Templates and Objects Once you're in the custom block editor, you can either manipulate objects in your selected template (more on that in the next section), insert a new template, or add objects. Use the search bar in the object category menu to quickly find what you need. Use the control in the lower-right corner to zoom in or out on the canvas. Templates On the left sidebar, click Templates, and then make a selection. On a blank canvas, click Use template. This inserts the canvas and all objects associated with the selected template On a populated canvas, you can also select Add to canvas. This keeps the current canvas and inserts the template objects over the existing objects. Selecting Use template on a populated canvas completely replaces the existing canvas and objects. Once inserted, the individual objects of a template can be manipulated and formatted just like any other object. You may have to ungroup or drill into objects to access all formatting options. Objects Add additional objects from the left sidebar. Text: Insert a text box with the selected text type as the default. This can be modified in the formatting toolbar. Add a hyperlink by selecting text. (Note: superscript and subscript formatting aren't available for custom block text.) Shapes and Lines: Insert a grey prebuilt shape or black prebuilt line on your canvas. For shapes: click within the shape to add text. Shape formatting options include color, corner rounding, border, shadow, and overlay. Line formatting options include color, line style, and shadow. Images: Insert an image generated with AI, an image from Content Library 360, or upload your own. Regardless of source, images have corner rounding, border, shadow, and overlay options. Crop and alt text tools are available by right-clicking on an image. Videos: Insert a video by dragging and dropping or selecting a video file to upload. If you'd like your video file to keep its specific file format and not undergo compression, you can opt out of optimization by selecting Preserve file quality. Note that this may decrease performance. Forward seeking can't be disabled for videos in custom layouts. Audio: Generate audio with AI Assistant, record your own audio, or upload an audio file with transcription to insert into your canvas. Click any of the icons to insert the object you want, then simply drag it to where you'd like it to be in the block. You can also select an object or group of objects and enter the X and Y positions in the Position toolbar menu. Step 4: Manipulate Objects You can work with objects in multiple ways. In addition to direct manipulation, right-click menu commands, formatting toolbar options, and keyboard shortcuts are available. The options available for individual objects are also easily accessible from the Objects sidebar. Change the Order The easiest way to change the order of an object on the canvas is to right-click the object and select an option from the Move menu. There are also several keyboard shortcuts for adjusting an object's placement. Align Horizontal and vertical alignment guides display as you move an object, multiple objects, or an object group. If you have other objects placed on the canvas already, you'll see vertical and horizontal alignment guides in relation to those objects as well. You can also select an object, multiple objects, or group and choose an option from the Position menu, or right-click and select an option from the Align menu. Resize You can quickly resize an object by hovering over the edge or corner and dragging in that direction. Hold the Shift key while resizing to maintain the object's aspect ratio. You can also enter the width and height values in the Position menu. Rotate Rotate objects by hovering over an object's corner. When the cursor changes to a curved arrow, click and move the cursor in the direction you want to rotate the object. You can also select an object or group and use the slider, or enter a value in the Position menu. Note that alignment guides don't appear when you’re moving rotated objects. Group Grouping is a handy way to move, resize, rotate, flip, or change other attributes of several objects all at once—as if they were a single object. To group objects, Shift+click or drag your cursor over two or more objects, then choose Group to group them. To ungroup objects, choose Ungroup. Lock Select an object or group of objects and click the lock icon in the toolbar that appears to lock their position. You can also right-click and select Lock. Duplicate Select an object or group of objects and click the duplicate icon in the toolbar that appears. You can also right-click and select Duplicate. The duplicated object or group appears slightly offset from the original and is automatically selected. Delete Select an object or group of objects and click the delete icon in the toolbar that appears. You can also press Delete or select the Delete option from the right-hand menu. Restore deleted items by pressing Ctrl+Z. Step 5: Format Objects Select an object on the canvas to access the formatting/action toolbar. Different objects have different toolbar options. The formatting toolbar for multi-selected and grouped objects reflects the available tools for the objects in the group. If a tool doesn't affect a particular object, modifying the value will have no effect on that object. Tools that are available for all objects or multiple object types will equally affect all relevant objects. For example, changing the opacity for a group overrides any individual object settings and, instead, sets the opacity for all group objects to the same value. All Objects Opacity Adjust an object's visibility. When multiple objects are selected, this value overrides any individual object's value. Position Align the object to the canvas using the available options. Rotate the object. Enter pixel values in the W and H fields to adjust the object size, using the lock icon to preserve aspect ratio. Use the X and Y fields to position objects on the canvas. Images Crop Use the drop-down menu to select an aspect ratio and crop the image accordingly. You can also use the freeform crop tool or enter specific values in the position menu. Reset to abandon changes. Lines Line Start/Line End Select from a variety of shapes to start and end the line. Line start and line end styles can be set independently. Shapes and Text Text Formatting These tools let you adjust the font type, size, and formatting, as well as the paragraph and line positioning. Shapes, Lines, and Images Change Shape Switch to a different shape. Color (Shapes only) Change the object's fill. Apply a color to the selected object using one of the following methods: Click the color you want in the Saturation and Value area. Drag the hue slider to change the dominant color of the spectrum. Use the eyedropper tool to match the color of anything visible on your screen. Just click the eyedropper, then click any color on your screen. (Chrome-based browsers only) Entering a custom color value in Hex. Choose a color from the theme color palette. Or select a color you've used in the current layout. Adjust the visibility of the color opacity with the Opacity bar under the Hue slider. Border/Stroke Change the object's border/stroke color, opacity, width, and type: solid, dashed, dotted, or no border (shapes only) Corner Rounding Use the slider or enter a specific value to change the degree of rounding for image and shape corners (does not apply to ovals). Drop Shadow Add a shadow to the selected object. Use the X and Y fields to control the position of the offset. The shadow is black by default, but you can change it in the Color menu. Opacity determines how visible the shadow is, and blur affects the sharpness of the shape. Overlay Add a color overlay to your object. The overlay is black by default, but you can change it in the Color menu. Adjust overlay opacity with the slider or enter a value. Step 6: Adjust Object Order and Accessibility Settings There are two ways to adjust the order of objects and object groups. One way affects the visual order while the other affects how accessibility tools like screen readers interact with objects in a custom block. Visual Order Select Objects in the sidebar to access controls for the canvas and all objects in your current custom block. In addition to using the combined formatting toolbar, you can easily drag and drop individual and grouped objects to adjust their visibility. You can also remove items from groups. Note that newly added objects appear at the top of this list. Accessibility Order Select Focus order to access a list of objects and groups in screen reader and keyboard navigation order. Items in this list can be adjusted independently of object order for accessibility purposes, but you can't remove items from groups here. Click Match visual order to reset the list to the same order as the objects list. Newly added objects appear at the bottom of this list. Add Alt Text In the focus order panel, use the Alternative text field to add alt text to any object, object group, or the canvas itself. If they don't have alt text, images, lines, and shapes without text are considered decorative and aren't announced. Step 7: Add Interactivity (Coming Soon) We're still exploring how to add interactivity to custom blocks. We'd love to hear your thoughts. Hover over Interactivity in the sidebar and click Share Feedback to let us know what interactive features would make your custom blocks even better. Step 8: Modify the Block Settings Hover over an existing block to access the left-hand design toolbar and modify the appearance of your block. Click the Style icon to access block background options. The Format menu provides options for changing the block padding and content width. Since custom blocks aren't responsive at this time, use the following values as the maximum widths for your canvas so that the block fits within the content width parameters: Large - 920px Medium - 760px Small: 520px We recommend using less padding around custom blocks for a better mobile experience. Using Keyboard Shortcuts The following keyboard shortcuts can be used on the custom block canvas. Mac/Windows Keys Function O Add circle (oval) item to canvas T Add paragraph item to canvas R Add rectangle item to canvas Cmd/Ctrl+] Bring forward ] Bring to front Delete Delete object Cmd/Ctrl+D Duplicate objects Shift+H Flip horizontally Shift+V Flip vertically Cmd/Ctrl+G Group objects Cmd/Ctrl+Shift+L Lock/Unlock Shift+Arrow Keys Move object 10px Cmd/Ctrl+Click Select object within a group Cmd/Ctrl+Y Redo Cmd/Ctrl+A Select all Cmd/Ctrl+[ Send backward [ Send to back Cmd/Ctrl+Z Undo Cmd/Ctrl+Shift+G Ungroup objects Cmd/Ctrl+0 Zoom custom block canvas to 100% Accessibility and Compatibility We're still evaluating and improving the accessibility compliance of custom block at this time. In its current state, custom block doesn't fully meet accessibility guidelines. Custom block templates and user-defined custom blocks don't reflow to fit different screens. This can make them hard to read on small screens or when zoomed in. Though accessibility guidelines provide a reflow exception for presentation content like our custom block, they can still be difficult for mobile users and people with low vision to use. To make sure your content works for everyone, test it on both a mobile device and a desktop browser zoomed to 400%, not just in preview mode. Even though it doesn't meet full compliance at this time, we encourage authors to use the accessibility tools provided in custom block to improve its accessibility. Articulate Localization isn't supported for custom blocks at this time. To translate custom block content, authors must use the manual translation process. Share Your Feedback We're excited about the creativity that custom block will unlock and need your help to ensure it meets the needs and expectations of all Articulate users. Your feedback will directly influence the development of custom block within Rise 360, so consider sharing your thoughts on the following topics: Uses: How are you using custom blocks? Share your creations! Bugs: Is anything not working as expected? Improvements: How could this feature be better? Insights: How does this feature benefit you and your learners? Click Beta next to Custom Blocks and select Share feedback to share your thoughts.11KViews45likes0Comments