Skip to main content

Notifications

Community site session details

Community site session details

Session Id :
Power Pages - Customize & Extend
Unanswered

Image Cropping Issue in Power Pages Card Gallery – How to Maintain Full Image Without Cropping?

(2) ShareShare
ReportReport
Posted on by

Hi everyone,

I'm currently working with the Card Gallery control in Power Pages, and I'm experiencing an issue where images are always forced into a square format. It appears that Power Pages automatically scales images to fit but crops parts of them instead of maintaining their original aspect ratio.

Here’s what I’m trying to achieve:


  • If the image is landscape, I want the width to be 135px and the height to adjust automatically.

  • If the image is portrait, I want the height to be 135px and the width to adjust automatically.

  • The full image should be visible without any cropping.

However, Power Pages seems to be forcing a square size, cutting off parts of the image. I've tried overriding the CSS using object-fit: contain;, aspect-ratio: auto;, and modifying the width and height, but the issue persists. Also tried scale to fit in the styling options but same output. 

Are there any known limitations with how images are rendered in the Card Gallery control? Has anyone found a workaround to maintain the entire image without cropping, while ensuring it scales properly?

Thanks in advance for any insights!

Categories:
  • CU17091722-0 Profile Picture
    21 on at
    Image Cropping Issue in Power Pages Card Gallery – How to Maintain Full Image Without Cropping?
    Hello,
    You're absolutely right: it defaults to square thumbnails and applies CSS that forces the image into a 1:1 aspect ratio, often using object-fit: cover, which leads to cropping

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Michael Gernaey – Community Spotlight

We are honored to recognize Michael Gernaey as our June 2025 Community…

Congratulations to the May Top 10 Community Leaders!

These are the community rock stars!

Announcing the Engage with the Community forum!

This forum is your space to connect, share, and grow!

Leaderboard >

Featured topics