Skip to content
5x Container8x Label
the designed component according to the instructions from the previous section
gridcont_abc = Grid Containervercont_ba, vercont_bb, vercont_ab, vercont_aa = Vertical Containerlbl_client_value, lbl_value_title = Label
Card Backgrounds - #212E5A, #5F3DD1, #061534, #152448Font Colours - #E1916E, #ADA4EC, #FFFFFF
Grid Layout
How to design it in Power Apps
Preview
What does it consist of?
Procedure
Step 1 - create main container
Add a new Grid Container PCF, call it "abc" with these "LayoutGridColumns" and "LayoutGridRows" properties:
2
Step 2 - create content for main container
Add 4 new Vertical Containers PCF, call it "aa/ab/ba/bb" with this "DropShadow" property:
DropShadow.None
and add 2 new Labels into every Vertical Containers with this "Text" property:
"2.6M"
"profits"
"1K"
"requests"
"Daily"
"data refreshes"
"50"
"clients"
This is an output:
How to use it via DesignKit
Prerequisites
Used Prefixes
YAML Output
Used Colours
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.