Rise
2 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. 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.10KViews45likes0CommentsRise 360: Facilitate Training with Reach 360
A full-featured learning platform and zero-friction LMS solution, Reach 360 is included in your Articulate 360 subscription. With Reach 360, you can distribute content to individuals and groups, deliver multi-language learning powered by Articulate Localization, analyze content and learner performance, and more. Getting started with publishing to Reach 360 is easy. Choose the step-by-step instructions below based on your permissions. Reach 360 admins can publish directly to Reach 360, while creators who aren't also Reach 360 admins can submit training for an admin to review and publish.. Publishing Procedure for Reach 360 Admins Publishing Procedure for Non-Admin Reach 360 Roles Publishing Procedure for Reach 360 Admins Open the content you want to publish from your Rise 360 dashboard. Then, click Publish in the upper right corner of the screen, and select Reach 360. The Submit to Reach 360 window displays. If the training was previously published, you'll also see the last date of publication. Set completion parameters. Learners can complete the training by viewing a specified percentage of the course or microlearning, passing a selected quiz lesson (in a course only, since microlearning doesn't support quizzes), or both. You can also choose No Requirement. Note: If you lower the passing score of a quiz after the course is published, learners have to retake the quiz in the republished course to pass with the lowered score, even if their prior score would be counted as passing with the new standard. Select Course Duration to show the estimated time learners will need to complete the training on the overview page. You can overwrite the default length of 30 minutes with your own value. Choose Completion Celebration if you want an animated, confetti-filled celebration to display once a learner meets the completion parameters. Select Enable Certificate to provide learners with a certificate of completion that they can download once they’ve finished. If needed, specify a due date or a set number of days a learner has to complete the training after enrollment. Training has no due date by default. Turn on library visibility. You can also select in which libraries the training appears. Assign topics, if any. Click Publish to finish the publishing process and return to the training. Note that if you haven't added content to every lesson in a course, you'll be reminded to do so before you can publish it. Once published, the training is live in all specified libraries. Publishing Procedure for Non-Admin Reach 360 Roles Open the content you want to publish from your Rise 360 dashboard. Then, click Publish in the upper right corner of the screen, and select Reach 360. The Submit to Reach 360 window displays. If the training was previously published, you'll also see the last date of publication. Set completion parameters. Learners can complete the training by viewing a specified percentage of the course or microlearning, passing a selected quiz lesson (in a course only, since microlearning doesn't support quizzes), or both. You can also choose No Requirement. Note: If you lower the passing score of a quiz after the course is published, learners have to retake the quiz in the republished course to pass with the lowered score, even if their prior score would be counted as passing with the new standard. Select Course Duration to show the estimated time learners will need to complete the training on the overview page. You can overwrite the default length of 30 minutes with your own value. Choose Completion Celebration if you want an animated, confetti-filled celebration to display once a learner meets the completion parameters. Select Enable Certificate to provide learners with a certificate of completion that they can download once they’ve finished. If needed, specify a due date or a set number of days a learner has to complete the training after enrollment. Training has no due date by default. Use the searchable drop-down menu to select a specific Reach 360 admin to notify of your submission. Want the training to be included in a specific library or added to a learning path? Leave a note for the admin. Click Submit to complete the submission process and return to the training. Note: If you haven't added content to every lesson in a course, you'll be reminded to do so before you can submit it. Once a Reach 360 admin reviews your submitted course and completes the publishing process, it’ll be available for learners.34Views0likes0Comments
