sp-dev-docs icon indicating copy to clipboard operation
sp-dev-docs copied to clipboard

List view formatting (gallery): wrong size of customCardProps (MS lists view in Sharepoint list)

Open XueSheng-GIT opened this issue 1 year ago • 1 comments

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

Declarative list formatting

Developer environment

None

What browser(s) / client(s) have you tested

  • [ ] 💥 Internet Explorer
  • [ ] 💥 Microsoft Edge
  • [X] 💥 Google Chrome
  • [ ] 💥 FireFox
  • [ ] 💥 Safari
  • [ ] mobile (iOS/iPadOS)
  • [ ] mobile (Android)
  • [ ] not applicable
  • [ ] other (enter in the "Additional environment details" area below)

Additional environment details

Chrome 129

vti_extenderversion:SR|16.0.0.25318

Describe the bug / error

Size of custom cards (customCardProps) is wrong if used in gallery view in new list experience. This is a regression as this was not the case for the previous SharePoint list experience.

Following view sample can be used as reference: view-samples/praise-cards

Custom card has the same size as the main card (300x400). Although, this size was not defined within customCardProps.

Screenshot 2024-10-07 102640_customCardProps (wrong size)

Definition of main card size:

Screenshot 2024-10-07 102454_view-formatting

Definition of customCardProps has no influence on the size of the custom card.

Screenshot 2024-10-07 102454_view-formatting (customCardProps)

Steps to reproduce

  1. Create a new list
  2. Add columns according to view-samples/praise-cards
  3. Add a new gallery view
  4. Add json syntax according to view-samples/praise-cards
  5. Add a new list item with dummy data
  6. Move mouse over the "heart" icon to show custom card

Expected behavior

Size of custom card shall be as defined within customCardProps. This is how it's supposed to look according to the formatting sample:

Screenshot 2024-10-07 103309_column-formatting-sample

XueSheng-GIT avatar Oct 07 '24 08:10 XueSheng-GIT

@XueSheng-GIT Thanks for reporting this. I will check with the team and update on this.

tpodugu-ms avatar Oct 14 '24 06:10 tpodugu-ms

@XueSheng-GIT The fix is done. It will be on prod around 12th November.

deepamajhi avatar Oct 28 '24 05:10 deepamajhi

Seems to be fixed now. @deepamajhi thanks for taking care!

XueSheng-GIT avatar Dec 18 '24 18:12 XueSheng-GIT