🤓 SmartLayout™ and Label Options for Image Click

The Image Click lesson screen template has been updated with a range of new improvements to make creating content for courses easier than ever!

SmartLayout™

The SmartLayout™ flexible grid system gives you more control over how the Image Click screen is presented to your users. 

Adjust the number of columns 

The grid system provides up to 6 columns — simply drag a slider to adjust the number of columns in your layout.

Adjust the height of rows

Click and drag between rows to increase the height of all rows to display larger images. 

Adjust the layout content in each modal

You can also fine-tune the layout for each individual modal containing the description for each clickable image. Display the image to the left, right, or display none at all. Drag columns to the left, or right to make the image larger, or even set it as a background. 

Fit and fill image options

Images added to the Image Click screen no longer need to be cropped. Just add an image, and it fills the allocated space. If you want to show the entire image, toggle the image fit option. 

New Label options

Choose to display labels under each image, on hover, or none at all. 


Other notable changes

This release includes intuitive inline editing, simple item reordering from the advanced settings menu, and the inclusion of our beautiful new text editor.

New Layout Options for Flowchart Screen

The Flowchart screen now comes with some fun new layout options that change the way learners navigate through your flows. 

These new layout options include; Ladder, Stairs, and Vertical. 

What else is new? 

SmartLayout™

Fine-tune the layout for each card using Coassembles’ SmartLayout™ technology. Drag columns to the left, or right to make the images larger, or even set them as a background image. 

Fit and fill image options

Images added to the Flowchart screen no longer need to be cropped. Just add an image, and it fills the allocated space. If you want to show the entire image, toggle the image fit option. 

Other notable changes

As with all our latest screen template updates, this release includes intuitive inline editing, simple item reordering from the advanced settings menu, and the inclusion of our beautiful new text editor.

Tabs Screen — More Options, New Name!

The Drop Tab screen template has been relaunched as Tabs! Along with the new name comes a whole bunch of new functionality and options. 

New tab layout options

Tired of looking for an image for each tab? Now you don’t have to! This release comes with some great new layout options that allow you to choose between showing an image only, an image and label, or a label only. 


Add an additional image with SmartLayout™ 

The introduction of SmartLayout™ to the Tabs screen provides users the option of adding an additional image.  SmartLayout™gives you more control over how the content on each tab is presented by giving you the ability to drag columns to the left or right, making images larger, or even setting them as a background. 


Add unlimited tabs

Got more ideas that can fit in a single row? No worries. Tabs screen now let’s you add as many tabs as you like! Learners won’t have any trouble finding hidden tabs, as the next one is always visible.

Other notable changes

This release includes intuitive inline editing, simple item reordering from the advanced settings menu, and the inclusion of our beautiful new text editor.


New Layouts for Word Circle

Today we released a greatly improved version of the Word Circle lesson screen template. This release includes a fresh new design, additional layout options, and the introduction of Coassembles’ SmartColor™ technology.

New Layout options

You can display up to 16 words around the word circle that can appear in one of two layout options; Hug and Fill.

Hug is the new default layout, and places each word close together, hugging the circle. 

Fill displays each word evenly around the main circle. 

SmartColor™

The Word Circle screen now automatically picks a different color for each word container based on your primary workspace color. 

Other notable changes

As with all our latest releases, this release includes intuitive inline editing, simple item reordering from the advanced settings menu, and the inclusion of our beautiful new text editor.

Spot the Mistake Screen Updates

The Spot the Mistake lesson screen template has been updated to reflect the changes recently made to its sister screen template — Hotspot.  Changes have been minimal, but bring improvements for creators with inline editing, and automatic tip sizing. 

Inline editing

The Spot the Mistake screen now includes inline editing so you can see exactly how the screen is going to appear without having to preview it. 

Automatic tip sizes

Spot the Mistake tips now automatically choose the correct orientation and width. This ensures that learners get the best experience, no matter their screen size. 


Inline Editing and SmartColor™ for Springy List Screen


We’ve just introduced inline editing and SmartColor™ for the Springy list screen for lessons

What’s changed? 

Inline editing

Inline editing allows you to see exactly what you’re designing. Create a springy list screen on the fly, right on your desktop or mobile device without having to preview. 

SmartColor™

Like the Wheel Screen, the Springy list now automatically picks a different color for each individual list item based on your primary workspace color. This means your springy list will always look good!

SmartColor™ even works when you add a background image. After you add a background image, you’ll notice that the buttons become semi-transparent to make it easier for learners to see the image, but when you click on each button, it becomes solid and displays the correct color.  

Not interested in SmartColour™? You can now change each individual list button color to be whatever you like!

Reorder inline

Reorder springy list items by clicking and dragging, or by using the simple reorder feature from the advanced settings menu.

New text editor

The springy list screen includes our new text editor.


🎉 SmartLayout™ for Steps Screen

Some amazing changes have just landed for the Steps screen template for lessons, including our new SmartLayout™ feature!


What’s changed? 

SmartLayout™

The steps template introduces our new SmartLayout™ feature. SmartLayout™ uses a flexible grid system that allows you to drag an image or text box to the left or right. The elements you drag will snap to the grid ensuring that the design always looks spot on. 

The addition of SmartLayout™ means that the Steps template comes with five additional layout options. 

Fit and fill image options

Images added to the steps screen no longer need to be cropped. Just add an image, and it fills the allocated space. If you want to show the entire image, toggle the image fit option. 

Inline editing

Inline editing allows you to see exactly what you’re designing. Create steps screens on the fly right on your desktop or mobile device without having to preview. 

Step label edit

You can now change the 'Step #' label to be anything you like. E.g. Step 1, can become Page 1. 

Reorder

Reorder steps from the advanced settings menu

New text editor

The steps screen includes our beautiful new text editor. 

Check out the Steps screen demo  to see some of the new layout options. 

Hotspot Screen Improvements

We’ve made some minor adjustments to the hotspot template to improve the usability for course creators, and optimized the experience for learners. 

What’s changed? 

Inline editing

The hotspot screen now includes inline editing so you can see exactly how the screen is going to appear without having to preview it. You can even build your hotspots on mobile!

Smart tips

Hotspot tips now automatically choose the correct orientation and width. This ensures that learners get the best experience, no matter their screen size. 

New text editor

The hotspot screen includes our beautiful new text editor that we'll be rolling out to all of our screen templates as they're updated. 


🎉 Coassemble Reinvents the Wheel!

We've just dropped the hotly anticipated update to the wheel screen template for lessons! 

What’s changed? 

Wheel on mobile devices

The wheel is now visible on mobile devices. Gone is the old accordion menu that replaced the wheel on smaller screens.  

Inline editing

Inline editing allows you to see exactly what you’re designing. Create wheel screens on the fly right on your desktop or mobile device without having to preview. 

SmartColor™

The wheel now automatically picks a different color for each individual slice based on your primary workspace color. This means your wheel will always look good! 

If you don't want your colors picked for you, then don't worry, you can choose to make your wheel slices whatever colour you like. 

Simple reorder

Reorder wheel slices from the advanced settings menu

New text editor

The wheel screen includes our beautiful new text editor. We will be rolling this out to the entire platform gradually as we include additional functionality.

Make sure to check out the wheel demo to see how it now works on all devices!

🎉 A Fresh New Look for Assignments

The Coassemble team has been hard at work re-designing the assignments module to give your learners and course creators an amazing experience taking and creating assignments. 

Apart from the fact that assignments now look amazing, we’ve made some changes to the way learners navigate through assignments, and added some additional functionality for trainers creating assignments.

What’s changed for learners? 

Assignment overview

The assignment description, now called ‘Overview’, has its own dedicated screen, providing learners with clear information on their status, when the assignment is due, and what the assignment is about. 

Navigating assignments

Assignments are now more like quizzes and lessons where learners can navigate through each question from the sidebar navigation. Each question now has its own screen. 


Summary screen

We’ve added a summary screen to provide learners more clarity around their next steps. The summary displays relevant information depending on where learners are at. 

Scenarios include: 

  • The learner has incomplete questions
  • The learner is complete and should now submit their assignment
  • Confirmation of assignment submission
  • Grading pending 
  • Trainer feedback and grades


What’s changed for trainers? 

Pushing forward with our goal of developing inline editing for all our templates, we’ve tried to match the creation experience with how your learners experience taking the assignment. This helps trainers experience the assignment as the learner does, providing more context and helping them deliver a better experience for learners. 

Overview page

Following along with the changes made for learners, assignments include a dedicated overview screen. This is where the assignment description will appear, along with the ability to add a custom header color or image. 

Adding questions

Adding questions is similar to the way you add quiz questions in the quiz module. Simply add questions from the sidebar and edit them using our inline text editor. 


Show Previous EntriesShow Previous Entries