Rise 360
11835 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.14KViews46likes0CommentsContinue buttons not progressing as expected
This must have happened overnight but when a Continue button is placed at the end of a module, it doesn't automatically progress to the next module. This now occurs with all courses I am actively and previously worked on, essentially breaking navigation. Is this a new feature or bug?681Views31likes29CommentsRise 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.6KViews26likes0CommentsRise login issues
Hello, I am having trouble logging in via normal browser, incognito or my phone. I have tried to raise a support ticket but am getting the other attached error. Is anyone else having issues? I have a course that I need to launch so this is not good timing! Thanks, AdamSolved1.5KViews20likes40CommentsNew Matching lay-out
Last week we received the updated lay-out of the matching knowledge check. The moment I discovered it was a bit unlucky (during a presentation, got me a bit confused) but today I had some time to look into it. The changelog as following on the articulate website: Enhanced: Matching knowledge check blocks have been upgraded with intuitive navigation, full keyboard support, and comprehensive screen reader integration. Now, I think it's great that Articulate is improving it's software's accessibility, however, I don't see anything intuitive about the new design. A lot of new things have been added which for me only make the assignment more confusing. On the left side the hamburger icon and number suggest some sort of clickability, which is not there. The drop downs on the right give the assignment a new layer of intractability which only wouldn't want for the student. Overall the lay-out is a lot less clean and drains focus away from the content towards the design. Maybe a simple solution would be to add a slider which let's us choose between this lay-out and the previous one (or this one without the rings and bells). That's just my opinion, I was wondering what other think of the new lay-out!Solved3.3KViews20likes67CommentsRise 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.12KViews17likes0CommentsAI Assistant: Setting the Stage for AI Magic
Before diving into the course creation process, you want your authoring tool to be tailored to your specific requirements so you can focus on developing high-quality content. With features designed to streamline your workflow, AI Assistant allows you to do just that. Available only in Rise 360, AI Assistant’s AI course drafts and AI settings features boost your efficiency—setting the stage for AI magic! Get a Head Start Generative AI speeds up course creation, but not all AI tools are built for e-learning, often leading to more time fixing than creating. Thankfully, AI Assistant’s AI course drafts workflow helps you turn concepts into structured, learner-focused content with just a few clicks. The AI course drafts workflow involves four simple steps: gathering context, configuring course details, reviewing the course outline, and generating lesson drafts. The official AI course drafts user guide explains each step in more detail. Here are some tips to consider as you get started: During the first step, you can specify particular requirements when providing context, not just a description of the course content. For example, you might ask AI Assistant to write your content in a specific voice or character. In the second step, you can regenerate your Course information (topic, tone, audience, goals) by selecting any text and clicking the sparkle icon to edit with AI Assistant. To update all these fields at once, click the Edit with AI button to the right of the Course information heading, add any special instructions if needed, then click Try again. Similarly, you can manually edit each field or use Edit with AI next to the Learning objectives heading to update all learning objectives at once. To update both the Course information and Learning Objectives at the same time, use the global Edit with AI button in the upper right. Just like in the second step, you can ask AI Assistant for writing help when reviewing and refining the generated course outline. Remember, AI Assistant generates content in between steps, but you can always click Stop and go back to return to a previous step. And if you go back to update your input in the previous steps, the global Edit with AI button shows a pulsing blue dot to remind you of the option to regenerate the content. After generating a course draft, you can easily return to the workflow by navigating to the AI Assistant menu on the course overview page and clicking Return to AI Outline. When reviewing your inputs from the Create course with AI view, click on the tabs at the top or use the navigation buttons at the bottom to quickly switch between steps. Need to leave your course drafting process? Don’t worry—AI Assistant will remember your progress during the first three steps and resume where you left off once you come back. Canceling the process while AI Assistant is still creating lesson drafts will also delete lessons that have already been generated. Keep Any Documents Handy As a course author, you probably start gathering assets and reference materials right after choosing a topic and writing an outline. While you can now generate content from scratch using AI, you may also want to create courses based on existing documents. You can import source documents to use as a reference whenever you want to generate new content using AI Assistant. But instead of uploading reference materials each time, you can keep them all in one place by uploading them in the Source content tab of the AI settings window before you start. Access AI settings from the AI Assistant dropdown menu in the upper right. Drag and drop files into the Source content tab or click Choose file to upload them. Supported file types and limitations are listed in the following table. Content Type File Extension File Size Limit Character Limit Portable Document Format .pdf 1 GB 200k Microsoft Word .doc , .docx Microsoft PowerPoint .ppt , .pptx Text .text , .txt Captions .vtt , .srt , .sbv , .sub Storyline 360 .story Audio .mp3 , .wav , .m4a Video .mp4 , .webm , .ogg Website URL — — Tips: For PDF, Word, PowerPoint, and Storyline 360 source documents, AI Assistant only references extractable text. Images, audio, and video are not included. To use an existing Rise 360 course as source content, export the course to PDF, then upload the resulting file. Audio and video files are transcribed and then processed like caption files, so it’s faster if you just upload a caption file. Only text-based content contained in publicly accessible URLs is supported. Website URLs that require authentication, block crawlers, redirect to inaccessible content, or sit behind paywalls will not work. While there’s no hard limit on how many files you can upload to use as source content for AI Assistant, we recommend uploading only what you need for faster processing. If you don’t have entire files as reference, you can also copy and paste content from the source into the text box provided.9.1KViews17likes0Comments
