Forum Discussion
New Matching lay-out
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!
I believe the numbers are there as part of the accessibility improvement, but for sighted people its very confusing. I'm not an accessibility expert, but I don't 'see' why the numbers can't be hidden for sighted people. I built a quick theme component that hides the numbers (visually), and created more of an interlocking UI. I also added a 'droppable' color to the item when its able to be dropped upon- otherwise its very difficult to know when you can drop. There is a CSS hook available in the code for the droppable state.
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?
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.
Love it! Phil, thank you for your work, you saved my courses. I’ll definitely take advantage of other Rise modifications from your website!
