Ready Popular Premium Dashboard Template
Material Dash
Clyde Miles
clydemiles@elenor.us
Borrowed
$62,0076.00
48% target reached
Annual Profit
$1,958,104.00
55% target reached
Lead Conversion
$234,769.00
87% target reached
Average Income
$1,200.00
87% target reached
Latest reviews
Payment received across all channels
R
Fitbit Sense Advanced Smartwatch...
Richard Dawkins
This Fitbit is fantastic! I was trying to be in better shape...
★★★★★
APPROVED Just now
A
iPhone 13 pro max-Pacific Blue-128GB...
Ashley Garrett
The order was delivered ahead of schedule...
★★★☆☆
APPROVED Just now
W
Apple MacBook Pro 13 inch-M1-8/256GB...
Woodrow Burton
It's a Mac, after all. Once you've gone Mac...
★★★★★
PENDING Just now
E
Apple iMac 24 inch 4K Retina Display M1...
Eric McGee
Personally, I like the minimalist style...
★★★☆☆
PENDING Nov 09, 3:23 AM
K
Razer Kraken v3 x Wired 7.1 Surround...
Kim Carroll
It performs exactly as expected...
★★★★☆
PENDING Nov 09, 2:15 PM
3 components Purple theme Responsive Sample data
View Code

Analytics Dashboard

Complete analytics dashboard with stat cards and reviews table

A fully functional analytics dashboard template for Power Apps. Features a dark purple sidebar navigation, four key metric stat cards, and a detailed reviews table with status indicators. Perfect for admin panels, data dashboards, and business intelligence apps.

Dark purple sidebar 4 stat cards Reviews table Status indicators Sample data included Responsive layout

Requires Modern controls enabled. Go to Settings → Updates → Preview → Modern controls and themes.

Template YAML

Copy-paste ready
Screens:
  srcDashboard:
    Properties:
      Fill: =RGBA(245, 245, 245, 1)
    Children:
      - Container2:
          Control: GroupContainer@1.5.0
          Variant: AutoLayout
          Properties:
            Height: =Parent.Height
            LayoutAlignItems: =LayoutAlignItems.Center
            LayoutDirection: =LayoutDirection.Horizontal
            RadiusBottomLeft: =0
            RadiusBottomRight: =0
            RadiusTopLeft: =0
            RadiusTopRight: =0
            Width: =Parent.Width
          Children:
            - cmpSidebar_10:
                Control: CanvasComponent
                ComponentName: cmpSidebar
                Properties:
                  BrandName: ="Material Dash"
                  Fill: =cmpSidebar_10.SidebarColor
                  Height: =App.Height
                  MenuItems: |-
                    =Table(
                        {
                            ID: 1,
                            Title: "Dashboard",
                            IconName: "home",
                            HasChildren: false
                        },
                        {
                            ID: 2,
                            Title: "Forms",
                            IconName: "forms",
                            HasChildren: false
                        },
                        {
                            ID: 3,
                            Title: "UI Features",
                            IconName: "layers",
                            HasChildren: false
                        },
                        {
                            ID: 4,
                            Title: "Tables",
                            IconName: "table",
                            HasChildren: false
                        },
                        {
                            ID: 5,
                            Title: "Charts",
                            IconName: "chart",
                            HasChildren: false
                        },
                        {
                            ID: 6,
                            Title: "Sample Pages",
                            IconName: "pages",
                            HasChildren: false
                        },
                        {
                            ID: 7,
                            Title: "Documentation",
                            IconName: "document",
                            HasChildren: false
                        }
                    )
                  OnMenuSelect: |-
                    =Switch(
                        cmpSidebar_10.SelectedMenuID,
                        1, Navigate(srcDashboard, ScreenTransition.None),
                        2, Navigate(srcForm, ScreenTransition.None),
                        4, Navigate(srcTable, ScreenTransition.None),
                        5, Navigate(srcChart, ScreenTransition.None)
                    )
                  SelectedMenuID: =1
                  SidebarColor: =RGBA(49, 39, 98, 1)
                  UserEmail: ="clydemiles@elenor.us"
                  UserName: ="Clyde Miles"
                  Width: =240
            - Container2_1:
                Control: GroupContainer@1.5.0
                Variant: AutoLayout
                Properties:
                  Height: =Parent.Height
                  LayoutAlignItems: =LayoutAlignItems.Center
                  LayoutDirection: =LayoutDirection.Vertical
                  LayoutGap: =10
                  PaddingBottom: =8
                  PaddingLeft: =16
                  PaddingRight: =16
                  PaddingTop: =8
                  Width: =Parent.Width
                Children:
                  - cmpStatCards_1:
                      Control: CanvasComponent
                      ComponentName: cmpStatCards
                      Properties:
                        CardGap: =20
                        CardsPerRow: =4
                        Data: |-
                          =Table(
                              {
                                  ID: 1,
                                  Title: "Borrowed",
                                  Value: "$62,0076.00",
                                  Subtitle: "48% target reached",
                                  IconName: "card",
                                  AccentColor: RGBA(0, 190, 140, 1)
                              },
                              {
                                  ID: 2,
                                  Title: "Annual Profit",
                                  Value: "$1,958,104.00",
                                  Subtitle: "55% target reached",
                                  IconName: "money",
                                  AccentColor: RGBA(255, 75, 30, 1)
                              },
                              {
                                  ID: 3,
                                  Title: "Lead Conversion",
                                  Value: "$234,769.00",
                                  Subtitle: "87% target reached",
                                  IconName: "trend",
                                  AccentColor: RGBA(125, 0, 255, 1)
                              },
                              {
                                  ID: 4,
                                  Title: "Average Income",
                                  Value: "$1,200.00",
                                  Subtitle: "87% target reached",
                                  IconName: "wallet",
                                  AccentColor: RGBA(0, 185, 215, 1)
                              }
                          )
                        Fill: =Color.Transparent
                        Height: =145
                        Width: =Parent.Width
                  - cmpReviewsTable_1:
                      Control: CanvasComponent
                      ComponentName: cmpReviewsTable
                      Properties:
                        Data: |-
                          =Table(
                              {
                                  ID: 1,
                                  Product: "Fitbit Sense Advanced Smartwatch with Tools fo...",
                                  ProductImage: "",
                                  Customer: "Richard Dawkins",
                                  CustomerImage: "",
                                  CustomerInitials: "R",
                                  Rating: 5,
                                  Review: "This Fitbit is fantastic! I was trying to be in better shape and needed some motivation, so I decided to treat myself to a new Fitbit.",
                                  Status: "APPROVED",
                                  Time: "Just now"
                              },
                              {
                                  ID: 2,
                                  Product: "iPhone 13 pro max-Pacific Blue-128GB storage",
                                  ProductImage: "",
                                  Customer: "Ashley Garrett",
                                  CustomerImage: "",
                                  CustomerInitials: "AG",
                                  Rating: 3,
                                  Review: "The order was delivered ahead of schedule. To give us additional time, you should leave the packaging sealed with plastic.",
                                  Status: "APPROVED",
                                  Time: "Just now"
                              },
                              {
                                  ID: 3,
                                  Product: "Apple MacBook Pro 13 inch-M1-8/256GB-space",
                                  ProductImage: "",
                                  Customer: "Woodrow Burton",
                                  CustomerImage: "",
                                  CustomerInitials: "WB",
                                  Rating: 5,
                                  Review: "It's a Mac, after all. Once you've gone Mac, there's no going back. My first Mac lasted over nine years, and this is my second.",
                                  Status: "PENDING",
                                  Time: "Just now"
                              },
                              {
                                  ID: 4,
                                  Product: "Apple iMac 24 inch 4K Retina Display M1 8 Core CPU...",
                                  ProductImage: "",
                                  Customer: "Eric McGee",
                                  CustomerImage: "",
                                  CustomerInitials: "EM",
                                  Rating: 3,
                                  Review: "Personally, I like the minimalist style, but I wouldn't choose it if I were searching for a computer that I would use frequently.",
                                  Status: "PENDING",
                                  Time: "Nov 09, 3:23 AM"
                              },
                              {
                                  ID: 5,
                                  Product: "Razer Kraken v3 x Wired 7.1 Surround Sound Gam...",
                                  ProductImage: "",
                                  Customer: "Kim Carroll",
                                  CustomerImage: "",
                                  CustomerInitials: "KC",
                                  Rating: 4,
                                  Review: "It performs exactly as expected. There are three of these in the family.",
                                  Status: "PENDING",
                                  Time: "Nov 09, 2:15 PM"
                              },
                              {
                                  ID: 6,
                                  Product: "PlayStation 5 DualSense Wireless Controller",
                                  ProductImage: "",
                                  Customer: "Barbara Lucas",
                                  CustomerImage: "",
                                  CustomerInitials: "BL",
                                  Rating: 4,
                                  Review: "The controller is quite comfy for me. Despite its increased size, the controller still fits well in my hands.",
                                  Status: "APPROVED",
                                  Time: "Nov 08, 8:53 AM"
                              }
                          )
                        Fill: =RGBA(255, 255, 255, 1)
                        FillPortions: =1
                        Height: =620
                        LayoutMinHeight: =0
                        OnRowSelect: =false
                        PageSize: =6
                        SearchText: =""
                        Subtitle: ="Payment received across all channels"
                        Title: ="Latest reviews"
                        Width: =Parent.Width - 20