Gallery List Row

The Gallery List Row is a rich, clickable card row built to live inside a Power Apps Gallery. It combines a colored icon badge, a conditional red/orange/green status indicator driven by a variable, a bold title, an optional subtitle and a full-width transparent overlay button for navigation — a complete, production-ready list item.

Pro component

Subscribe to access this component and the full library.

View plans

Intégration API paiement

Configuration notifications

Gestion des droits utilisateurs

YAML source

Preview — full code with PRO

- ListRowCard:
    Control: GroupContainer
    Variant: ManualLayout
    Properties:
      DropShadow: =DropShadow.Regular
      Fill: =RGBA(255, 255, 255, 1)
      Height: =54
      RadiusBottomLeft: =12
      RadiusBottomRight: =12
      RadiusTopLeft: =12
      RadiusTopRight: =12
      Width: =900
    Children:
      - ListRowStatusRed:
# … full component definition unlocked with PRO

This is a partial preview. Unlock the full component →

Common use cases

Task and ticket lists

Show each item's status with the conditional indicator while the overlay button opens the detail screen.

Workflow queues

Drive the red/orange/green badge from a status field so progress is obvious down the list.

Navigable directories

Use the icon badge and title for people, projects or clients, tapping through to a profile.

How to use Gallery List Row in Power Apps

1Open the component page — the YAML uses the invariant Power Fx syntax and works in every Power Apps locale.
2Click "Copy YAML" to copy the full component definition to your clipboard.
3In Power Apps Studio, open your screen in the Tree view and paste (Ctrl+V) — the component appears ready to use.
4Rebind the data-driven properties (Items, OnSelect, Fill, Text) to your own data source and theme.

Tip — Swap Fill, Icon and OnSelect to match your data source — the status SVGs are bound to a variable you can map to your own field values.