How to crop an image to properly fit in the module header
MAG

Martin Aarhus Gregersen

Created Nov 17, 2023

How to crop an image to properly fit in the module header

Module headers are locked to a certain aspect ratio, but fear not, our image cropper will help you properly format images on upload.
See the bottom of the guide for a description of a workaround, if the image won't properly cut how you expect it.

8
    p

Introdus

9 Steps
1

Click on Content

Click on Content
2

Click on Create New

Alternatively, you can just edit any module you wish

Click on Create New
3

You can fill out the title as normal

This isn't required to upload the header image

You can fill out the title as normal
4

You can fill out content as you normally would

This isn't required to upload the header image

You can fill out content as you normally would
5

Click on Insert header image

Click on Insert header image
6

Click on Upload

Click on Upload
7

Drag the "highlighter" to your desired cropping

Please note you can zoom in and out, but you cannot change the aspect ratio of this highlighter. This is to give your new hires the best and most consistent viewing experience.

Drag the "highlighter" to your desired cropping
8

Click on Confirm once you are satisfied with your selection

Click on Confirm once you are satisfied with your selection
9

Click on Confirm upload

Click on Confirm upload

#

A workaround if it doesn't quite do what you desire:

3 Steps
10

Remove the header image entirely

11

Click the '+ media' below the module text content

You can select your full-size desired version of the image

12

Drag'n'drop the newly inserted image as the first element in the module

Well done!
Create how-to guides like this in a snap. Get Tango now.