Skip to content
How to design it in Power Apps
Preview
What does it consist of?
Procedure
Step 1 - create checklist box
Add a new Vertical Container PCF object, call it "daily_checklist_frame" with this "DropShadow" property:
DropShadow.Semibold
with START horizontal and START vertical alignment.
Step 2 - create top container
Add a new Horizontal Container PCF object, call it "header_checklist" with this "AlignInContainer" property:
AlignInContainer.Stretch
Add a new Label object, call it "title_today" with Text property:
Text(Today(),"ddd, dd mmm yyyy")
Add a new Horizontal Container PCF object, call it "time_frame" with this "Fill" property:
RGBA(255, 255, 255, 1)
Add a new Label object under "time_frame", call it "time_checklist" with Text property:
Text(Now(),"hh:mm")
Step 3 - create content container
Add a new Vertical Container PCF object, call it "content_checklist" with this "DropShadow" property:
DropShadow.Light
and Gap property:
5
with STRETCH horizontal and START vertical alignment.
Add a new Label object, call it "title_content_checklist" with Text property:
"Things to do today"
Add a new Vertical Gallery object, call it "tasks_gallery_checklist" with this "Items" property:
<Table_name>
You can use SharePoint list or DataVerse table.
Add a new Rectangle object, call it "separator_checklist" with this "Fill" property:
RGBA(214, 214, 214, 1)
Add a new Label object, call it "note_checklist" with Text property:
"Don't forget to do a daily challenges!!!"
This is an output:
How to design it in Figma
Preview
What does it consist of?
Procedure
Step 1 - create a checklist frame with auto layout
Add a new Frame (F command) with vertical auto layout (SHIFT + A command) object, call it "vercont_daily_checklist_frame" with these properties:
Step 2 - create a top frame
Add a new Frame (F command) with horizontal auto layout (SHIFT + A command) object, call it "horcont_header_checklist" with these properties:
Add a new Text (T command) object, call it "lbl_title_today" with these properties:
Add a new Frame (F command) with horizontal auto layout (SHIFT + A command) object, call it "horcont_time_frame" with these properties:
Add a new Text (T command) object under "horcont_time_frame", call it "lbl_time_checklist" with these properties:
Step 3 - create a content frame
Add a new Frame (F command) with vertical auto layout (SHIFT + A command) object, call it "vercont_content_checklist" with these properties:
Add a new Text (T command) object, call it "lbl_title_content_checklist" with these properties:
Add a new Frame (F command) with vertical auto layout (SHIFT + A command) object, call it "gall_tasks_gallery_checklist" with these properties:
Open DesignKit PRO 2.5 version and import CheckBox PCF component under gall_tasks_gallery_checklist frame:
Add a new Rectangle (R command) object, call it "rect_separator_checklist" with these properties:
Add a new Text (T command) object, call it "lbl_note_checklist" with these properties:
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.