Image Size Constraints

Image Width

This setting controls the width and max-width CSS properties for images added to the field pattern.

Aspect Ratio Fit

This setting adjusts the object fit property for images and takes effect only when an image aspect ratio has been configured in the aspect ratio settings. There are two options:

  • Contain: The image container conforms to the aspect ratio, and the image fits inside this container while maintaining its original aspect ratio. This corresponds to the CSS property object-fit: contain.
  • Fill: The image container conforms to the aspect ratio, and the image fills the container, disregarding its original aspect ratio. This corresponds to the CSS property object-fit: cover.

The following two demo grids illustrate the feature:

 

Set to fill

0
0
AGB Theme v5.9.5
Postgrid ID
Preset
Animation
ID of agb to copy
ID to send to the cloud
ID to retrieve from the cloud
#91b1db
Odd Colour
Even Colour
Image Size Constraints

Post 8

Image Size Constraints

Post 7

Image Size Constraints

Post 6

Image Size Constraints

Post 5

Image Size Constraints

Post 4

Image Size Constraints

Post 3

Image Size Constraints

Post 2

Image Size Constraints

Post 1

Image Size Constraints

Post 9

Image Size Constraints

Post A

Image Size Constraints

Post B

Image Size Constraints

Post E

Image Size Constraints

Post C

Image Size Constraints

Post D

 

 

set to contain

0
0
AGB Theme v5.9.5
Postgrid ID
Preset
Animation
ID of agb to copy
ID to send to the cloud
ID to retrieve from the cloud
#91b1db
Odd Colour
Even Colour
Image Size Constraints

Post 8

Image Size Constraints

Post 7

Image Size Constraints

Post 6

Image Size Constraints

Post 5

Image Size Constraints

Post 4

Image Size Constraints

Post 3

Image Size Constraints

Post 2

Image Size Constraints

Post 1

Image Size Constraints

Post 9

Image Size Constraints

Post A

Image Size Constraints

Post B

Image Size Constraints

Post E

Image Size Constraints

Post C

Image Size Constraints

Post D