UCL WIKI

UCL Logo

UCL Moodle Guides

Navigation

Moodle Resource Centre - home

General links

Moodle Home
E-Learning services for staff
Quickscan Dyslexia Screening Tool

Moodle Resources

Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Upload, position & resize

Warning
To follow these instructions, edit your Profile to enable the TinyMCE editor. Tiny is a very good editor so you might want to stick with it if you can accommodate its two main drawbacks compared to Atto - Tiny won't autosave and you can't easily do equations.

 

How to upload and place images in topics, then resize them and change their layout on the page. Also where to find image editor applications.

...

  1. Insert the image according to steps 1-11 on the instructions above (or if you already have an image in place.
  2. Then to add the extra setting, put the section or label containing the image into edit mode, then to edit the actual image, select that image and in the editor's toolbar click on the Image button; its settings display.
  3. Click on the Appearance tab.
  4. Into the Style field, type: max-width:100%; height:auto; - then save the settings. 
    • N.b. the semi colons are important. This short string of code you've just entered will resize the image when the window is resized while keeping its aspect ratio (rather than squeezing it).

 

 

Save