Schalende afbeelding in Moodle

De moderne site herkennen we tegenwoordig aan responsiviteit. En dan praat ik vooral over mooie, responsive templates (zie ook deze community templates). In Moodle schaalt vrijwel alles mee met pc, mobile en tablet modus. Je toegevoegde afbeeldingen daarentegen niet (helaas). Hier moeten we wat extra effort in steken. Hoe pak je dat aan?

  1. Voeg je afbeelding in en kies bij ‘Klasse’ voor: img-responsiveScreen Shot 2016-08-08 at 12.34.49
  2. Typ achter ‘Stijl’ height: 25%; width: 25%; in als je graag wilt dat de afbeelding op 25% van de originele grootte wordt getoond.

Hoe simpel kan het zijn? Meer dan dit is het eigenlijk niet! Een handig trucje om je afbeeldingen mee te laten schalen. Nu is je Moodle site écht helemaal responsive! Succes!

 

Blijf op de hoogte

Vul je e-mailadres in en lees als eerste onze blogs over Moodle.

Voeg je bij 1.857 andere abonnees
Hand click
Nieuws en tips over Moodle

Ontvang van elke blog die wij schrijven een notificatie op je e-mailadres, zodat je goed op de hoogte blijft over Moodle.
Afmelden is altijd mogelijk.

Voeg je bij 1.857 andere abonnees