Skip to main content

Notifications

Power Pages - General Discussions
Answered

Card gallery images are blurry

(2) ShareShare
ReportReport
Posted on by 6
Hello,
 
I've been trying to use the card gallery connected to my Dataverse table that has an image column. The image column allows up to 15MB images and can store a full image. However, when connecting the card gallery, it uses the thumbnail image which is 144x144. Is there a way around that?
Categories:
  • Verified answer
    SaiRT14 Profile Picture
    SaiRT14 1,921 on at
    Card gallery images are blurry

    ​​​​​​​Try the following: 

    • Add an Image Control to the Card Gallery:

      • In the Card Gallery where you want to display the full image, insert an Image control (if not already added).
    • Set the Image Control's Property:

      • Use Power Fx to retrieve the full-size image.
      • Assuming your Dataverse table is called YourTableName and the image column is named ImageColumn, set the Image property of the image control to: ThisItem.ImageColumn.Full
     
  • Suggested answer
    Robu1 Profile Picture
    Robu1 946 on at
    Card gallery images are blurry
    Hi  ,
     
    Thank you for choosing Microsoft Community.

    Yes, you can display the full image instead of the thumbnail in your card gallery. Here’s how you can do it:
     
    Use the Image Control:
    Instead of relying on the default card gallery image control, add a separate Image control to your gallery.
    Set the Image property of this control to the full image URL from your Dataverse table.
     
    Modify the Data Source:
    Ensure that your Dataverse table is returning the full image URL. You might need to adjust your data source or use a formula to get the full image URL.
     
    Example Formula:
    If your image column is named FullImage, you can set the Image property of the Image control to something like:
    ThisItem.FullImage
     
    Check Permissions:
    Ensure that the images are accessible and that there are no permission issues preventing the full image from being displayed.
     
    Here’s a step-by-step guide:
    Add an Image Control:
    In your card gallery, insert an Image control.
    Set the Image Property:
    Set the Image property of the Image control to the full image field from your Dataverse table. For example:
    ThisItem.FullImage
    Adjust the Layout:
    Resize and position the Image control as needed to fit your gallery layout.
     
    By following these steps, you should be able to display the full images in your card gallery instead of the thumbnails. If you encounter any issues or need further assistance, feel free to ask!
     
     
    If this fixes the issue, please mark as resolved to help others with find it.
     
     
    Happy to help 
    Robu 1

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

Microsoft Kickstarter Events…

Register for Microsoft Kickstarter Events…

Announcing Our 2025 Season 1 Super Users!

A new season of Super Users has arrived, and we are so grateful for the daily…

Announcing Forum Attachment Improvements!

We're excited to announce that attachments for replies in forums and improved…

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 145,304

#2
RandyHayes Profile Picture

RandyHayes 76,287

#3
Pstork1 Profile Picture

Pstork1 64,703

Leaderboard