Tutorial 8 of 203 min read

Card Preview & Card Details

Read the live card preview: the filmstrip, front and back flip, the layout resolution line, and the 'Why this layout?' debugger.

The Card Details tab in the side panel is the live proof of your work: the selected card, fully rendered, exactly as it will export and print.

The Card Details panel

What's in the panel

Top to bottom:

1. The rendered card

The selected row, drawn through whichever layout its conditions selected. It re-renders the moment you commit an edit in the spreadsheet: change a title, press Enter, and watch it update.

2. The filmstrip

A horizontal strip of your cards, in grid order, following your current deck, search and filters. Click any thumbnail to jump to that card. Faster than scrolling the grid, and it doubles as an at-a-glance consistency check: if one card in the strip looks off, you'll see it there before you see it in a proof.

3. The connection warning (when applicable)

⚠ 1 required property is not connected to RPG Split: Type

See Connecting Properties.

4. The resolution line

This card uses layout RPG Split, because Type equals "living".

Plus a Why this layout? link.

Front and back

When your project has card backs, a flip icon appears at the panel's top-right:

The card back preview

The preview switches to the card's back side. Backs resolve through their own condition list, and the explanation line changes to match:

This card uses Default Back, the catch-all card back: no other card back's condition matched.

Click the icon again to flip to the front.

Why this layout?

When the wrong design shows up, click Why this layout?:

The card resolution dialog

The resolution dialog breaks down FRONT and BACK separately: the layout in use and the condition it matched, then WHY NOT THE OTHERS, every rejected layout with its reason and an Edit link.

If another layout also matches, the dialog calls out that the higher-priority layout won. A layout can therefore match a card in editor counts without being the layout that finally renders it. If you want the other design, raise its priority; if no layout matches, create or repair an unconditional default. A project with no usable back layout can legitimately show a plain dark back.

Full detail in Conditions.

Preview inside the layout editor

The side panel previews one card at a time while you edit data. Preview mode in the Layout Template tab does the reverse: one layout, stepping through many cards:

Preview mode

The bottom bar gives you ‹ CARD 1 OF 16 ›, a Hide unused toggle and Exit. Note the count (16, not 22): it only walks the cards whose values match this layout's condition.

That count is a useful design set, not a final print count. Some of those cards may be claimed by a higher-priority layout when the project resolves the full priority list.

Use the side panel while writing card data. Use Preview mode while designing the frame.

Making the preview bigger

Click Panel to collapse the side panel when you're doing data entry, and again to bring it back when you want to see results. On a laptop that toggle is the difference between five visible columns and eight.

Getting a real proof

The panel render is accurate, but before a print run take the extra step:

  1. Import / Export → Card Images (PNG / SVG)... and export a few cards at full resolution. See Import & Export.
  2. Or PDF Print Sheet... and print one page at 100% scale on paper.

Text that reads fine at panel size can be too small in hand, and that only becomes obvious at 1:1.

Ready to build your card game?