Articulate 360
2584 TopicsRise 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. Articulate Localization isn't supported for custom blocks at this time. 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 Accessibility Settings Add Interactivity (Coming Soon) Modify the Block Settings Using Keyboard Shortcuts Accessibility and Known Issues 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. Focus 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 Known Issues Accessibility We're still evaluating and improving the accessibility compliance of custom blocks at this time. In its current state, the custom block feature 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. Accessibility guidelines provide a reflow exception for presentation content like our custom blocks, but 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 to improve accessibility. Read on to learn about managing the focus order and other accessibility tips for custom blocks. Manage the Focus Order Authors have full control of how a screen reader navigates the content in custom blocks. Objects can be reordered separately from their visual stacking order to dictate the exact reading order for screen readers. Here are some guidelines to keep in mind: Shapes, lines, and images are decorative by default. They will not be announced by screen readers unless the author assigns an alternative text. Text will always be announced. This includes text inside shapes. Groups aren't announced by default, unless they’ve been given alternative text. Leaving the group without alternative text just means the group itself won't be announced as a separate item. Any meaningful object within the group (for example, text or images/shapes with alt text) will still be announced. Audio and video have predefined labels. Authors can add alternative text when additional context is helpful. But if the field is left blank, screen readers will announce the default, predefined labels as “video player” and “audio player” respectively. The custom block canvas follows the same principle as groups, audio, and video. Authors can optionally assign alternative text to the canvas or leave it blank, in which case the screen reader would move straight to the content. Accessibility Tips Ensure that all meaningful objects and groups are clearly named in the objects panel. This makes them easier to identify later and saves significant time when managing both the visual and focus order. Use correct heading levels in order with clear, descriptive titles. Keep objects organized in a logical order from the start. A well-structured objects panel makes it much easier to set the final focus order later on. Provide alternative text (alt text) for any object that's meaningful or helps convey structure. Because alt text can be added to any object in Custom Block, authors can strategically use it to communicate important visual information effectively, especially in visually rich layouts. Use the focus order panel to reorder objects independently of their order in the objects panel. Conduct manual testing with a screen reader to ensure the focus order is correct. Known Issues 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.14KViews47likes0CommentsRise 360: Restore Content with Snapshots
Want to preserve versions of your training as you create drafts, collaborate with colleagues, and publish courses? The snapshots feature lets you save and restore your work with just a few clicks. Snapshots are particularly handy when you're working with collaborators. You can capture a moment in your training as it develops and then compare it against collaborator versions or restore back to it as needed. No more having to create a duplicate copy of your training! Snapshots can also come to your rescue when you accidentally delete training elements, apply updates to the wrong training, or just need a manual way to track your versions. Here's how snapshots work. Create a Snapshot Restore a Snapshot Manage the Snapshot List Step 1: Create a Snapshot When you first create a training, your snapshot history is empty. To get started, open the Snapshots menu next to the title in the upper left and click Save snapshot. Enter a name and click Save to create your first snapshot. Whenever Rise 360 detects changes, like adding or removing content, you can create a new snapshot. Just open the Snapshots menu and follow the same process. Are Snapshots Ever Automatically Created? Creating a snapshot of your training is primarily a manual process, but Rise 360 will automatically save a snapshot whenever you publish to Review 360 or Reach 360, export your training for LMS, or create/update a Quick Share link. These events show up in the snapshot history. Do Snapshots work with localized courses? Yes! Learn more about how snapshots work in multi-language Rise 360 content. Step 2: Restore a Snapshot Need to return to a previous version of your training? Open the Snapshots menu and click the Preview button for the snapshot you'd like to restore. After reviewing the content to confirm it's the version you're looking to restore, click Restore this snapshot in the upper-right corner. You can also restore a snapshot without previewing it by selecting the Restore option from the . . . menu. Step 3: Manage the Snapshot List If your snapshot list starts getting unwieldy, don’t worry. You can rename, restore, or delete snapshots by clicking the . . . menu next to the snapshot you'd like to modify and choosing the appropriate option.6.7KViews26likes0CommentsRise 360: How to Use Code Block
Want to offer deeper, richer experiences to your learners? 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 and Known Issues 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 and Known Issues Accessibility Code block accessibility is determined by the accessibility of the HTML code it contains. Check out these tips for making your code block accessible: Write code that is aligned with WCAG 2.2 standards. Use semantic HTML whenever possible. It provides built-in accessibility and reduces the need for custom code. Use screen readers, keyboard navigation, and zoom features to test your course. Double-check that learners can follow updates and have enough time to respond or explore content. Use 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 Known Issues 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. Articulate Localization isn't supported for code blocks at this time. Code blocks also can't be translated via manual XLIFF translation. To translate code blocks, you must manually insert language-specific code blocks after translation.13KViews18likes0CommentsArticulate 360 connection issues
While working in Rise 360, I was logged out and unable to access Articulate pages or products. Several errors occurred after several attempts. The current error is: Pretty-print {"name":"AxiosError"} All my colleagues are having the same issue.Solved721Views15likes16CommentsAllow publishing access for more than one owner
My team works in a very collaborative environment and the "owner" of the course in Rise360 may not be the only owner or the only person that needs access to publish the course to our LMS. We previously all had access to publish the course as long as we were listed as collaborators (manager or editor). As of today, this access is gone and only the owner has the option to publish the course. I saw in Articulate Community that this question has been asked previously in the context of an employee leaving the organization and it was recommended to just share the link. This does not allow us to publish the course in our LMS to track completion for compliance. I'm not sure what changed for us to previously have access to the publish feature regardless of ownership or why we no longer have the access to do so, but there should at the very least be an option to assign collaborators as "co-owners" so we can have equal publishing/modification rights on team projects. Thank you!114Views13likes1CommentAllow Rewind Function on Restricted Timelines
As a rule, due to the nature of our business and contracts with unions, we must ensure that our learners are watching the full slide or video without fast forwarding through the content, but the restricted timeline does not allow rewinding or jumping back a few seconds (5 or 10) or to any point previously viewed until the entire video or slide has completed. This is extremely frustrating for our learners as a slight distraction could mean missing an important concept or content until possibly the end of the 15 minute video when they would then be able to drag the seekbar back. Requests have come in to also adjust the replay icon to allow small segments of time on that icon (which does not seem to work on a restricted seekbar w the slide set to resume saved state - another issue).Solved254Views12likes6CommentsAI Assistant: Essential Tips to Unlock its Full Potential
Generative AI’s rapidly advancing capabilities are transforming the way we work. In e-learning, generative AI can be a valuable partner in course authoring. That’s why we designed AI Assistant—a powerful ally in your course creation journey, seamlessly integrated into the Articulate 360 apps you already use. Whether you’re a newbie eager to kickstart your course creation journey or a seasoned instructional designer looking to leverage AI for more efficient authoring, you’ll be ready to unlock the full potential of AI Assistant with the essential tips contained in the articles linked below. AI Assistant: Setting the Stage for AI Magic AI Assistant: Creating, Refining, and Converting Blocks AI Assistant: Using Magic Text Import to Transform Existing Content AI Assistant: Writing and Editing Inline Content AI Assistant: Creating Images Using Prompts AI Assistant: Building Effective Quizzes and Knowledge Checks AI Assistant: Summarizing Swiftly with Summary Generation AI Assistant: Producing Highly Realistic Audio AI Assistant: Using AI Prompts to Create JavaScript Entrance Animations30KViews12likes0CommentsProblems with Rise
Hi everyone, Is anyone else having trouble logging in to Rise? Today it started with not being able to publish my courses to Review or LMS. Then I wanted to submit a case to the suppoert team. There another error message occured. No, I'm not even able to log in to Rise. The Articulate status shows no problems for today. Clearing my Chace doesn't work. Is there anybody with similar issues today? Thank you all so much! :) JosieSolved482Views11likes10CommentsTeaser: Storyline "Chat To Animation"
🚀 Big things are coming to Storyline 360. Last month at the Articuland Summit in Boston, our COO Brian Gil gave a sneak peek at something our team’s been quietly working on: AI-powered animations inside Storyline. We've been calling this feature "chat to animation" internally. The idea is simple but powerful: talk to Storyline's AI Assistant about how you want your slide to animate, and it helps bring your vision to life. The attached video shows a little preview of this feature in a fun "Feline Overlord" themed Storyline course. 🐱👇 On the first slide, I entered this prompt into the AI Assistant chat: “Can you suggest an animation scheme for this slide?” It broke down the suggested animation effects for each object, then asked if I want to create a trigger for them. After responding, "yes", the AI Assistant wrote the JavaScript code to create the animations and automatically associated it with the "When timeline starts" event. It also surfaced a "Preview" button that jumps into Storyline's preview mode so I could see the animation in action. Notice that the AI Assistant window stays visible during preview. This means I can refine the animation while previewing to home in on the exact look and feel I want. In this case, I wanted to delay the slight "pulse" of the yellow next arrow to begin after the image and text animations completed, so I entered: “Great! Can you delay the animation on the next arrow a bit so that it starts after the other objects have animated in?” The AI revised the JavaScript in the trigger and immediately replayed the slide again so I could see the change and tweak further if needed. That ability to preview, refine, and replay instantly is what makes this experience feel so magical. If you'd like to see the published course in action, you can find it on Review 360: Chat To Animation Teaser | Review 360 This feature should land in private beta soon, and we'd love to get your feedback. If you want to help shape how this evolves, email beta@articulate.com to get started!457Views11likes3Comments
