pnp · arijsdijk · Aug 11, 2025
diff --git a/power-apps/breadcrumbs/README.md b/power-apps/breadcrumbs/README.md
diff --git a/power-apps/breadcrumbs/assets/1-created-screens.png b/power-apps/breadcrumbs/assets/1-created-screens.png
diff --git a/power-apps/breadcrumbs/assets/10-onvisible-first.gif b/power-apps/breadcrumbs/assets/10-onvisible-first.gif
diff --git a/power-apps/breadcrumbs/assets/11-navigate-in-studio.gif b/power-apps/breadcrumbs/assets/11-navigate-in-studio.gif
diff --git a/power-apps/breadcrumbs/assets/12-buttons-to-navigate.png b/power-apps/breadcrumbs/assets/12-buttons-to-navigate.png
diff --git a/power-apps/breadcrumbs/assets/13-result.gif b/power-apps/breadcrumbs/assets/13-result.gif
diff --git a/power-apps/breadcrumbs/assets/14-example-icons.gif b/power-apps/breadcrumbs/assets/14-example-icons.gif
diff --git a/power-apps/breadcrumbs/assets/15-example-svg.gif b/power-apps/breadcrumbs/assets/15-example-svg.gif
diff --git a/power-apps/breadcrumbs/assets/16-example-color.png b/power-apps/breadcrumbs/assets/16-example-color.png
diff --git a/power-apps/breadcrumbs/assets/17-example-darkmode.png b/power-apps/breadcrumbs/assets/17-example-darkmode.png
diff --git a/power-apps/breadcrumbs/assets/2-collection-onstart.png b/power-apps/breadcrumbs/assets/2-collection-onstart.png
diff --git a/power-apps/breadcrumbs/assets/3-create-new-component.gif b/power-apps/breadcrumbs/assets/3-create-new-component.gif
diff --git a/power-apps/breadcrumbs/assets/4-component-example.png b/power-apps/breadcrumbs/assets/4-component-example.png
diff --git a/power-apps/breadcrumbs/assets/5-lookup-button-name.png b/power-apps/breadcrumbs/assets/5-lookup-button-name.png
diff --git a/power-apps/breadcrumbs/assets/6-lookup-button-onselect.png b/power-apps/breadcrumbs/assets/6-lookup-button-onselect.png
diff --git a/power-apps/breadcrumbs/assets/7-lookup-len-functie.png b/power-apps/breadcrumbs/assets/7-lookup-len-functie.png
diff --git a/power-apps/breadcrumbs/assets/7.1-lookup-accesiblelabel.png b/power-apps/breadcrumbs/assets/7.1-lookup-accesiblelabel.png
diff --git a/power-apps/breadcrumbs/assets/8-divider-textlabel.png b/power-apps/breadcrumbs/assets/8-divider-textlabel.png
diff --git a/power-apps/breadcrumbs/assets/9-add-component-first.gif b/power-apps/breadcrumbs/assets/9-add-component-first.gif
diff --git a/power-apps/breadcrumbs/source/breadcrumbs.pa.yml b/power-apps/breadcrumbs/source/breadcrumbs.pa.yml
@@ -0,0 +1,90 @@
+- conBreadcrums:
+    Control: [email protected]
+    Variant: AutoLayout
+    Properties:
+      DropShadow: =DropShadow.None
+      Fill: =RGBA(255, 255, 255, 1)
+      Height: =48
+      LayoutDirection: =LayoutDirection.Horizontal
+      PaddingLeft: =16
+      PaddingRight: =16
+      RadiusBottomLeft: =0
+      RadiusBottomRight: =0
+      RadiusTopLeft: =0
+      RadiusTopRight: =0
+      Width: =Parent.Width
+    Children:
+      - btnCrumbFirst:
+          Control: [email protected]
+          Properties:
+            AccessibleLabel: =LookUp(colBreadcrumbs,DisplayOrder = 1).AccessibleLabel
+            Align: =Align.Left
+            AlignInContainer: =AlignInContainer.Center
+            Appearance: ='ButtonCanvas.Appearance'.Transparent
+            Font: =Font.'Segoe UI'
+            FontSize: =14
+            FontWeight: =FontWeight.Bold
+            Icon: ="ChevronRight"
+            Layout: ='ButtonCanvas.Layout'.TextOnly
+            OnSelect: =Navigate(LookUp(colBreadcrumbs,DisplayOrder = 1).Screen)
+            PaddingBottom: =0
+            PaddingLeft: =0
+            PaddingRight: =0
+            PaddingTop: =0
+            Text: =LookUp(colBreadcrumbs,DisplayOrder = 1).Name
+            Visible: =LookUp(colBreadcrumbs,DisplayOrder = 1).isVisible
+            Width: |
+              =Len(LookUp(colBreadcrumbs,DisplayOrder = 1).Name) * 7.5
+            X: =136
+            Y: =40
+      - lblSeperatorFirst:
+          Control: [email protected]
+          Properties:
+            Align: ='TextCanvas.Align'.Center
+            AlignInContainer: =AlignInContainer.Center
+            Text: ="/"
+            VerticalAlign: =VerticalAlign.Middle
+            Visible: =LookUp(colBreadcrumbs,DisplayOrder = 1).isVisible
+            Weight: ='TextCanvas.Weight'.Bold
+            Width: =32
+      - btnCrumbSecond:
+          Control: [email protected]
+          Properties:
+            AccessibleLabel: =LookUp(colBreadcrumbs,DisplayOrder = 2).AccessibleLabel
+            Align: =Align.Center
+            AlignInContainer: =AlignInContainer.Center
+            Appearance: ='ButtonCanvas.Appearance'.Transparent
+            Font: =Font.'Segoe UI'
+            FontSize: =14
+            FontWeight: =FontWeight.Bold
+            Icon: ="ChevronRight"
+            Layout: ='ButtonCanvas.Layout'.TextOnly
+            OnSelect: =Navigate(LookUp(colBreadcrumbs,DisplayOrder = 2).Screen)
+            PaddingBottom: =0
+            PaddingLeft: =0
+            PaddingRight: =0
+            PaddingTop: =0
+            Text: =LookUp(colBreadcrumbs,DisplayOrder = 2).Name
+            Visible: =LookUp(colBreadcrumbs,DisplayOrder = 2).isVisible
+            Width: =Len(LookUp(colBreadcrumbs,DisplayOrder = 2).Name) * 7.5
+            X: =136
+            Y: =40
+      - lblSeperatorSecond:
+          Control: [email protected]
+          Properties:
+            Align: ='TextCanvas.Align'.Center
+            AlignInContainer: =AlignInContainer.Center
+            Text: ="/"
+            VerticalAlign: =VerticalAlign.Middle
+            Visible: =LookUp(colBreadcrumbs,DisplayOrder = 2).isVisible
+            Weight: ='TextCanvas.Weight'.Bold
+            Width: =32
+      - lblCrumbLast:
+          Control: [email protected]
+          Properties:
+            Align: ='TextCanvas.Align'.Center
+            AlignInContainer: =AlignInContainer.Center
+            Font: =Font.'Segoe UI'
+            Text: =LookUp(colBreadcrumbs,DisplayOrder = 3).Name
+            VerticalAlign: =VerticalAlign.Middle
+            Width: =Len(LookUp(colBreadcrumbs,DisplayOrder = 3).Name) * 7.5