Skip to main content

Set Up and Configure Mosaic — Masonry Gallery & Cards

Open the Zenpo Mosaic — Masonry Gallery & Cards property pane and work through Data, Content mapping, Card layout, Appearance, and Behavior & motion. The License group is documented on Register the Suite and Start Your Trial.

Shared list rules are on How Zenpo Web Parts Use Your SharePoint Data. One exception applies here: changing the View re-auto-maps bindings, because the view's columns feed the content bindings. Most other list-bound products keep your mappings when only the view changes.

Data​

  1. Choose Data source (list or library).
  2. Choose View. The pane hint is: The View's columns feed the content bindings.
  3. Optionally set Filter by (choice column). Choice columns only.
  4. Set Cache duration (default 5 minutes).

Changing the data source resets the view, card style, and bindings, then re-auto-maps. Changing the view re-auto-maps bindings.

Content mapping​

Slots vary by card style.

Image tiles

  • Title (caption)
  • Image / thumbnail
  • Link (URL column)

Content cards

  • Image / thumbnail
  • Header
  • Title
  • Description
  • Footer
  • Link (URL column)

Avatar

  • Avatar / photo
  • Name
  • Subtitle
  • Meta chip
  • Link (URL column)

Card layout​

  • Card style: Content cards (default). Picture or asset libraries seed Image tiles. The third style is Avatar.
  • Content order: Media first (default), Text first, or Compact (title + footer). Content cards only.
  • Round avatars: on by default. Avatar only.
  • Corner radius: 0–24, default 10
  • Card spacing: 4–32, default 16

Appearance​

Color vibe, Accent color (six colors), and Tile size (Comfortable or Compact default). Appearance applies to the web part only. See Appearance Settings: Color Vibe, Accent Color, and Corner Radius.

Behavior and motion​

  • Click behavior: Show details (dialog) (default), Open link — new tab, Open link — same tab, or No action. The pane hint is: "The 'Open link' options go straight to the item's target: the bound Link column when set, otherwise the file or list item itself — never a dead click."
  • Hover effect: None, Lift (default), Zoom, or Zoom + Overlay
  • Zoom amount: 102–115, default 106. Zoom hovers only.
  • Loading mode: Infinite scroll or Paginated (default)
  • Items per batch: 6–48, default 24. Infinite scroll only.
  • Page size: 12, 24 (default), or 48 per page. Paginated only.
  • Pager style: Numbered (default) or Prev / Next
  • Animate on filter (FLIP): on by default
  • Staggered entrance: on by default

Empty state: Nothing matches your filters / Clear the search, switch the filter, or bind a different source in the property pane.

Last updated on