Fluent UI Panel & Dialog Component in Canvas App | Creator Kit - Episode 04

In this video, we will talk about two more components of the Creator Kit. We will discuss about Fluent UI Panel Component and Fluent UI Dialog component in details. Many times, we need to create a Panel component to display information in detail. Also, some times we want to open dialog for different requirements. At that time, these Fluent UI Components helps a lot!

Welcome to the Power Apps creator kit series. Welcome to the world of UI/UX of Power Apps.

Key Takeaways:

1. Fluent UI Panel Component
2. Fluent UI Dialog Component
3. Power Apps Creator Kit
4. Creator Kit Components
5. PCF Component
6. Plug and Play Component

Chapters:

00:00 Start

00:23 End Outcome

01:20 Add Panel and Dialog Component

01:34 Fluent UI Panel Component in Canvas App

03:20 Write Events

05:48 Fluent UI Dialog Component in Canvas App

09:18 Subscribe!

Reference Links:

Add breadcrumb

Breadcrumb shows the links to pages in the hierarchy of the current page. This hierarchy allows users to follow through the trail up to the root page.

https://learn.microsoft.com/en-us/power-apps/maker/portals/add-breadcrumb?WT.mc_id=DX-MVP-5004429

Theming

Theming is a mechanism by which a consistent look and feel can be applied to all the components on a page. For now, this means sharing a color scheme across the entire page.

https://learn.microsoft.com/en-us/power-platform/guidance/creator-kit/theme?WT.mc_id=DX-MVP-5004429

Office UI Fabric Icons

https://uifabricicons.azurewebsites.net/