Schalende afbeelding in Moodle

Home » Moodle tips » 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!

 

Home » Moodle tips » Schalende afbeelding in Moodle

Waarom kiest 80% voor Moodle Workplace?

Ontdek hoe Moodle Workplace jouw organisatie helpt met slimme oplossingen, maatwerk en efficiënte leertrajecten. Kies ook voor slimmere oplossingen en meer resultaat met minder inspanning.

MoodleMoot Nederland Vlaanderen 2026 - logo

MoodleMoot 2026

Ben jij een Moodlelaar? Kom dan naar de Moodlemoot en wordt geïnspireerd door andere Moodlelaars. Zien we jou op 17 maart 2026 in Dordrecht?