LibraryEmpty State
FREEstates
Empty State
The polish detail most apps skip: instead of an empty gallery, show a friendly placeholder with an icon, a message and a create action. Bind the group Visible to IsEmpty(yourSource) and you are done.
Palette:
Original palette · works in every Power Apps locale
Paste directly into Power Apps Studio
No records yet
Create your first record to get started.
+ Create recordYAML source
# Empty State — PowerBlocks (FREE)
# Show it when a list has no data: set Visible to IsEmpty(yourSource) on the
# whole group, or leave =true while designing.
- EmptyState:
Control: GroupContainer
Variant: ManualLayout
Properties:
Width: =420
Height: =260
Fill: =RGBA(23, 23, 23, 1)
BorderColor: =RGBA(64, 64, 64, 1)
BorderThickness: =1
RadiusTopLeft: =16
RadiusTopRight: =16
RadiusBottomLeft: =16
RadiusBottomRight: =16
DropShadow: =DropShadow.None
# Bind to your data, e.g.: Visible: =IsEmpty(colRecords)
Visible: =true
Children:
- EsIcon:
Control: Classic/Icon
Properties:
Icon: =Icon.DetailList
X: =(Parent.Width - 40) / 2
Y: =36
Width: =40
Height: =40
Color: =RGBA(107, 114, 128, 1)
- EsTitle:
Control: Label
Properties:
Text: ="No records yet"
X: =24
Y: =92
Width: =Parent.Width - 48
Height: =28
Align: =Align.Center
Color: =RGBA(255, 255, 255, 1)
Size: =15
FontWeight: =FontWeight.Semibold
- EsSubtitle:
Control: Label
Properties:
Text: ="Create your first record to get started."
X: =24
Y: =122
Width: =Parent.Width - 48
Height: =40
Align: =Align.Center
Color: =RGBA(156, 163, 175, 1)
Size: =12
- EsButton:
Control: Classic/Button
Properties:
Text: ="+ Create record"
X: =(Parent.Width - 170) / 2
Y: =176
Width: =170
Height: =42
Fill: =RGBA(37, 99, 235, 1)
HoverFill: =RGBA(29, 78, 216, 1)
Color: =RGBA(255, 255, 255, 1)
BorderThickness: =0
Size: =12
FontWeight: =FontWeight.Semibold
RadiusTopLeft: =10
RadiusTopRight: =10
RadiusBottomLeft: =10
RadiusBottomRight: =10
OnSelect: |-
=// TODO — open your create flow, e.g. Set(varShowFormModal, true)
false