Gebruik Bootstrap voor H5P | Microtraining (52)

Hoe zorg je ervoor dat je H5P afbeelding precies past in je Moodle cursus?

In deze microtraining toon ik je dat door gebruik te maken van Bootstrap. Ik ga ervan uit dat je als beheerder de interacties kunt selecteren in de H5P hub. Heb je de H5P plugin nog niet geïnstalleerd in je Moodle (versie 3.8.x of lager), bekijk dan mijn 2e microtraining.

Steek je veel tijd in het maken van een interactieve Column en dan blijkt dat de foto te groot is om in zijn geheel te zien. Scrollen wil je nou juist voorkomen en het aanpassen van het formaat is ook niet de oplossing, want in Moodle gebruikt de interactie standaard de gehele beschikbare ruimte. Kleine foto’s gaan dan vervagen.
De oplossing is het toepassen van een stukje Bootstrap code. Dit verkleint de presentatieruimte van de Column.

Daarmee toon je in één oogopslag de gehele afbeelding en dat is voor de gebruiker een fijne ervaring.

Tijdens het afspelen zal de H5P video je links tonen. Je kunt deze bekijken door er op te klikken. Wil je gelijk verder, druk dan op de knop.

Start chat
Welkom, waarmee kan ik je helpen?