When working with images in your leaflet, there are tools in Horizon that lets you either make the automatically take up the space it needs, or manually reposition it within a fixed area.
This is useful when:
you want the image to take up as much space as it needs
you only want to display a specific part of an image
you need to reposition an image without changing the surrounding layout
Fit to content
The Fit to content option makes the image take up all the space it needs automatically. Other elements on that page will reduced in size accordingly.
Here is an example of an image with too little space:
To fit an image to to content, simply:
1. Right-click on the image.
2. Click fit to content.
And then the images takes up the space it needs:
You can also see that, to make up for the full size of this image, the top banner (“BIG SCREEN TVs”) and the packshots below are slightly reduced in size.
Adjust image position
Sometimes you may have a fixed amount of space available for an image. In that case, using Fit to content may make the image too large.
You may also want to show only a specific section of an image. If that section of the image is cropped out, you can manually reposition it using Adjust image position.
Here is an example:
To display the right section of the image…
1. Right click the image.
2. Select ‘Adjust image position’ from the menu.
3. You can then see the full images, and what isn't part of the area is in grey. All you have to do then is simply drag the image within the frame to show the exact part you want.
In this case, we want to move the "SUPER DEAL" to be in view:
Once positioned correctly, simply click any other place in the leaflet.
And then the image is positioned correctly: