Main menu

You are here

Column

Primary tabs

A free HTML5- based content type which allowsing users to add multiple choice, fill in the blanks, texts and other types of interactions and group them in a column layout. Make engaging presentations with H5P and Course Presentation on WordPress, Moodle or Drupal.

Create interactive content like this with the free H5P plugin for:

Description

Organize your content type into a column layout with H5P Column. Content types that address similar material or share a common theme can now be grouped together to create a coherent learning experience. In addtion, authors are free to be creative by combining almost all of the existing H5P content types.

H5P Column is also a way to easily share multiple content types simultaneously as it can be embedded or downloaded just like any other H5P.

Comments

Hi, like the subject that I mentioned, Can I add title for h5p column? Because I have a Listening part and there are many questions in this part. So I want to have a title for Listening part (the common title for all question in listening part)

I see you have 3 examples of column nad these are paginated. This is not possible, right? I'd like to to make many columns and join them together like you have with your next and previous arrows. I'm guessing this is only on your web page and not possible with H5P yet? To achieve this I would have to embed in a moodle description page each column?

This is currently a feature only available on the h5p.org page to show off multiple examples. Hopefully, there will be a separate content type for doing this soon, as this is a very handy tool! I'm not very familiar with content creation in Moodle but I know that there are multiple ways of linking content together.

I wish someone would make a guide on this topic. Perhaps some of the comments on GitHub will lead you in the right direction.

so at the moment we can use the moodle plugin. this works well and scores int eh gradebook and most bugs have been fixed with backup restore etc. However, since H5P only does things in column or course presentation if you want a multi page or rather multi column learning object (not one with a scroll of death) then you can use the quiz mod and use the description item to embed all the h5p content from your online account. the drawback is that it does not score in Moodle gradebook then. Since these are formative it is not so crucial to score in moodle gradebook. Nevertheless having pagination using multiple columns or course presentations would give the best of both worlds and be much easier and prettier to create than using moodle quiz question types.

Thanks again. We are looking forward to the multiple page development in the future. We like content pages in Moodle too. this allows quiz and book to be combined but has the faciltiy to add notes (students that is) then students can learn the content and amke notes as they go and use them for revision later on. Perhaps H5P could add the function of being able to add notes too?

When I upload images for example in the "Drop and Drag" feauture in the layout column in Moodle I can see the image, but the other participants in the moodle course can't. Why is this so and what can I do to fix it?

I am using the normal preinstalled "Drag and Drop" Plugin everybody can use and I uploaded a normal jpg image with no special features.

Or what do you mean by special plugins? Everything else in the Column layout works (the Drag and Drop, Fill in the blanks, Multiple Choice,...). It is just not possible for other people to see my uploaded images.

In the Multiple Choice Plugin there is also the option "What should stay here if the image can not be loaded?" So it seems that h5p kind of anticipates that this could happen...

You're listing H5P content types. Do you have any other plugins or "activity modules" apart from H5P that controls image upload ? Please look through your plugin list.

Multiple Choice has an option for showing alternative text if scripts or assets are turned off in the browser (usefull in for instance low bandwith areas) or as an alternative to users who are weak sighted or can not see images at all.

You should go through the permissions for your users and check if there are any permissions that may be preventing the users from viewing images as well.

Finally, please check the browser console for any errors when the image is not able to show, also check the network tab which sends a request to attempt to fetch the image, finally you can check your php error log for any errors when this happens. When you have listed this info we'll be able to help you further.

I am using the stash plug in for moodle and would like to hide items upon finishing an interactive resource in a H5P column. The items are embeded with html but I cant see any way of using html in the text editor. I can add the html at the top of the page before the column but not anywhere else..

H5P's are packages of HTML5, javascript and CSS which are bundled together and embedded as you described. Therefore the only way to change the functionality is to change the source code of the package.

I am wondering if it is possible to use the Iframe embedder in the column to embed a h5p activity type that does not currently appear in the list of content types. For example, I want to provide text and pictures before students complete an activity using the Personality Quiz content, where their selections of marking criteria provide a "grade" for an example. Is there a way to embed that into the column?

Yes this is possible. You can use a content type that is not available in Column and insert it as an embedded Iframe. To do this you need to get the URL from the embed option of the content e.g. https://h5p.org/h5p/embed/88713 and insert this as the "source". I've created a sample here.

Hello, I'm creating a material and when adding an image to the column, the image is aumatically enlarged so that it occupies the whole screen (or a large place of it). Is it possible to decide to keep the original size or to disable this feature? I could do it with an embedded element.

This is possible by using a PHP hook, to add your own CSS-file to the content type. Please visit the Visual Changes page for more details. Please note that you will need some coding knowledge to accomplish this.

Thanks a lot for contributing your ideas on how to make H5P better! We’re now working on something called the H5P supporter program allowing the H5P community to vote for and fund the top voted H5P features. Also there are developers in the community who every now and then works on a feature they find interesting or useful. In order for your feature request to attract as much interest as possible make sure it follows the below guidelines:

It is clear from every perspective how the feature will work. We recommend describing the feature with one or more user stories, for instance “As an author I want it to be possible to pick between different effects for the check answer animation so that the learners will see a variety of effects and also I can adapt the effects to my target audience(I’ll be using pink unicorns which works really well for both my target audience which are 4 year old girls and venture capitalists)”

If the feature can be illustrated with images or videos it always helps

Make it clear what content types this is relevant for, and or if this is a new content type

I will answer your question in 2 parts and I leave it up to you which one you would follow:

1. If you are using an LMS and capturing the scores of the activities you would have to recreate the all the contents inside the Column.

2. If you are creating the activities here in H5P.org (which I believe you are), you can use the Iframe embedder option in Column and just embed all those activities in it. In fact I have created a sample that you can download and use a template. Please note that I used the embed option in the activity that you created but only pasted the URL as the source.

I hope this helps if you have additional questions feel free to post in the forums.

I'm afraid these are not available as of gthe moment. Although These are all very interesting ideas. In order for your feature request to attract as much interest as possible make sure it follows the below guidelines:

It is clear from every perspective how the feature will work. We recommend describing the feature with one or more user stories, for instance “As an author I want it to be possible to pick between different effects for the check answer animation so that the learners will see a variety of effects and also I can adapt the effects to my target audience(I’ll be using pink unicorns which works really well for both my target audience which are 4 year old girls and venture capitalists)”

If the feature can be illustrated with images or videos it always helps

Make it clear what content types this is relevant for, and or if this is a new content type

While waiting there is a workaround that you can use. Create a stand-alone audio recorder then embed it in Column using the Iframe embedder. You just need the URL that is generated by the embed button (i.e. https://h5p.org/h5p/embed/219007). I've created a sample content here, feel free to download it and use it as a template.

For the records, Finland belongs to the northern countries, but isn't generally considered a scandinavian country :-) The big difference to e.g. Iceland is that the language is completely different. That said, there are of course close relations between Finland and the other northern countries, plus a substantial swedish speaking minority.