UCL WIKI

UCL Logo

UCL Moodle Guides

Navigation

Moodle Resource Centre - home

General links

Moodle Home
E-Learning services for staff

Moodle Resources

Page tree

Versions Compared

Key

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

...

  1. Insert your wide, shallow image according to steps 1-9 on the instructions above - or if you already have an image in place then:
  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).


Info
titleFurther help

Further guidance on the default Atto Text editor is available from moodledocs.

TinyMCE editor guidance is also available from moodledocs, if you are using the non-default text editor.

If you find any inaccurate or missing information you can even update this yourself (it's a communal wiki).

If you have a specific question about the tool please contact the Digital Education team.

...

- None at this time.

Questions & Answers

Further information

- None at this time.

...