Custom Gateway - Customer Support


Welcome to the Custom Gateway Support Portal

Here you can raise support tickets and read articles on common queries using the topic sections and search below

Image Areas | Fit-mode

Follow

Image Area Fit Mode determines the general behaviour of any images added to an image area (either by upload or a gallery etc)

Contain

Displays the entire image in the image area based on its longest side.

Typical use: To display a logo or image that should not be cropped

Note: The image may still be scaled manually once it has loaded so that it is exceeds the boundary of the image area. To prevent the user from doing this it is possible to disable the move, rotate and scale options on the image area, or use the Contain (Strict) option - see below.

Image_01.jpg

Cover

Scales the image to fill the image area completely so that there's no empty space. This can result in some of the image being cropped.

Typical use: Photo upload products

Note: The image may still be scaled smaller using this fit mode, thus introducing empty space. To prevent the user from doing this it is possible to disable the move, rotate and scale options on the image area or use the Cover (Strict) option - see below.

Image_02.jpg

Contain (strict)

Identical to the Contain fit mode except it does not allow the user to drag the image beyond the extents of the image area.

Important Note: This option requires v3 of the core Personalise-IT software and is therefore only supported in specific Apps. 

Cover (strict)

Identical to the Cover fit mode except it does not allow the user to scale down the image to a point at which empty space would be introduced to the image area.

Important Note: This option requires v3 of the core Personalise-IT software and is therefore only supported in specific Apps. 

Actual

Sets the scale to 1:1 pixels based on the pixel dimensions of the uploaded image.

Image_04.jpg

 

Example

This example product features five image areas, each one corresponding to one of the options above.  Upload the same image to each to check how the image displays by default and then in the case of the strict options, use the movement, scale and rotation tools to see the behaviour.

http://my.gateway3d.com/acp/app/?l=acp3#p=1408689&r=2d-canvas

 

Was this article helpful?
0 out of 0 found this helpful

Comments