Project Management App for Power Apps
Three screens that share one sidebar and one look: dashboard, projects and tasks board. Scroll to see why each part of the screens is there, then copy the YAML at the end.
Screen 1 of 3
The dashboard
The screen a project lead opens first: status at a glance, on demo data so it works before you connect anything.
A stats row answers "where do we stand?"
The tiles are simple containers with a label and a value; the demo numbers are placeholders. What matters is the form: swap each value for a CountRows over your own data, and add or remove tiles freely, every tile is a copy of the first.
A list you can scan in two seconds
Active projects as rows with an owner, a task count and a progress bar. The rows are one gallery template: edit the template once and every row updates. Point the gallery at your SharePoint list to go live.
One setting, two characters
The same screen with the style setting switched to Neutral: monochrome instead of colors. Every screen in this app supports both variants, so the whole app changes look together with one dropdown.
Screen 2 of 3
The projects page
Every project as a card, carrying the facts a portfolio decision needs.
Cards carry decisions, not decoration
Status, progress, budget against spent, tasks done and the due date, per project. Each card is one gallery template driven by the project record: change a field once and every card follows.
The primary color setting
The primary color is a setting. Change it once and the generated YAML uses it everywhere. This is the same screen with a different primary color.
Screen 3 of 3
The tasks board
A kanban board makes status physical: work moves across the screen as it moves in reality.
Three columns over one collection
Each column is a gallery filtered by status, and the counts are live CountRows on the same collection. To rename a column or add a fourth, you copy a column container and change its filter, the data model does not care.
Moving a card is one Patch
The arrows on each card run a single Patch that changes the task’s status; the columns re-filter themselves. New Task collects a real entry that survives navigation. This is the pattern to copy whenever a screen needs to change data, not just show it.
Try the tasks board
This board is interactive. The arrows move tasks between columns and New Task adds an entry. The pasted screen behaves the same way in Studio, because the YAML contains the same logic.
Work with the screens
Pick a screen and copy its YAML. In Power Apps Studio, right-click the Screens node in the tree view and paste. All three screens paste into one app without name collisions.
Set up in 4 steps
1.Set the app layout to Responsive
In Power Apps Studio open Settings, then Display, and set App layout to Responsive. With the Fixed layout the app shrinks on a phone instead of reflowing.
2.Copy the Dashboard
Pick a screen in the tabs below and press Copy YAML. Start with the Dashboard.
3.Paste on the Screens node
In the Tree view, right-click the word Screens itself and choose Paste, or press Ctrl + V. Not inside an existing screen: that keeps the controls but drops the screen's OnVisible.
4.Repeat for the other 2 screens, then wire the sidebar
Paste each screen the same way. Then set the screen field of each sidebar item to the screen it should open. The Instructions tab shows the exact lines.
Project Management App
ULTRACreate a free account
Copy any of the 13 free components. The rest come with a plan.
If you already have an account, we'll log you in
What Users Say
“I was able to create a requested feature while still on the phone with management so they could view the result in real time.”
Mike B.
Verified PowerLibs User
“It really helps me customize how I want, instead of trying to figure it out myself. It's saved me hours.”
PowerLibs User
Power Apps Developer
“Both saved me a tremendous amount of time since I didn't need to build reusable components from scratch.”
Kathleen Henry
Power Platform Developer