Part 5: UI for building a deck

Since I now have a subflow flow for adding cards to a deck, I should probably start thinking about my “Deck selection” UI.

The mobile app shows you the list of cards and shows you your selected cards at the top.  

I’ll create a Portal Experinece shell – I shouldn’t need any workspace-type behaviour.  Let’s start by creating a page to represent the specific deck we’re building with a repeater that shows the avialable cards to select.

I’ll create 3 containers for my header, my Current Deck and my Card selection:

Next I’ll add my repeater to the Card Selection container and add a Data Resource to retrieve the Card Definition records including my card_image field.

This will give me all the card definitions returned in a repeater:

Here’s the result – it’s not pretty, and it’ll need some layout work to get it to repeat in a grid, but we have data coming back with images!