Cards Grouping with editable label

Hi, here is my wish


Grouping / organizing activity = "create the categories", the same way as icons are grouped on a smartphone:

* student group together words or images
* give name to the groups (categories)


No right and wrong answer (possible "save as image" maybe at the end)

STEP 2 - CREATIVITY (optional)

Use some empty cards to add to each group a new example for this category



  • Start with a deck of cards (words, short sentences of images)
  • Student moves a card in empty space, which reveals next card
  • Student takes the new card and can put it in empty space or put it on top of the previous card
  • If the new card is put on top of a previous card, a group is created with visible borders around / background, and an editable label below / above
  • Student can ungroup a card by long click and pulling away (same as smartphone)
  • Student can save as image the product of their organization (download button like the last step of the documentation tool)
  • no right / wrong answer: this is a creativity /  free activity for later discussion about the taxonomy (categories) created by students



Supporter votes Members of the Supporter Network can vote for feature requests. When the supporter network has generated sufficient funding for the top voted feature request it will normally be implemented and released. More about the H5P Supporter Network

I tried a codepen as a POC Hope this helps Regards François

I tried to show this in a codepen:

Hope this helps



BV52's picture

Hi François,

Thank you for contributing your ideas on how to make H5P better! With the H5P supporter program the H5P community can now vote for and fund the top voted H5P features. Also there are developers in the community who every now and then work on a feature they find interesting or useful. You can also help by developing or help (crowd) fund the development of this feature.


Thank you BV52, for this direction of solution. Cheers François