Forum Discussion

Thom392's avatar
Thom392
Community Member
10 months ago
Solved

New 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 loo...
accessibility
community
rise 360
  • StevenBenassi's avatar
    StevenBenassi
    5 months ago

    Hi Everyone!

    I'm happy to share that we just released a new update for Rise 360!

    This update introduces an enhancement to Matching Knowledge Check Blocks. Reworking the interaction to better reflect their original design, while retaining full keyboard support and screen reader integration. There's nothing to install for web-based apps. New features and fixes are immediately available.

    Please let me know if you have any questions!

ANGEAMATAGA's avatar
ANGEAMATAGA
Community Member
10 months ago

Hi Phil,

How did you build the quick component feature? Is this something that can be done in rise or storyline? Or does this involve more complicated coding?

PhilFoss's avatar
PhilFoss
Community Member
10 months ago

Hi Ang this is done with CSS and one little image. Here's a video showing the theme component and you can download my source code.

https://theme-360.com/theme-component/matching-quiz-customization/

There are actually several states if you want to fully design this UI. I'm using the 'connected' and 'droppable-active' states using light blue colors.

 

  • olaola's avatar
    olaola
    Community Member
    9 months ago

    Love it! Phil, thank you for your work, you saved my courses. I’ll definitely take advantage of other Rise modifications from your website!