Blog

Schalende afbeelding in Moodle

28 september 2016

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!

 

Tags