In this video, I'll guide you through creating a dynamic left navigation component for your canvas app in Power Apps. This component will enhance your app's user interface by providing dynamic image size, color, and page name adjustability. This is the second left-hand navigation component I've built on this channel. This one differs from the former content in that it explains how to leverage SVG images as icons. All SVG Icons will have the same ability to adjust the color as a built-in icon.
Additionally, the component allows easy adjustment of page navigation options within the application, enabling customization to fit each development approach.
Key Features of the Left Navigation Component:
-Dynamic Image Adjustability: Customize image size and color to fit your app's design.
-Page Name Adjustability: Dynamically adjust the page name for each section.
-Easy Navigation Adjustment: Modify navigation options from within the app to suit different development approaches.
-User-Friendly Interface: Improve user experience with a customizable and intuitive navigation component.
This tutorial is perfect for Power Apps enthusiasts looking to build a reusable component library and enhance their app's navigation capabilities. Whether a beginner or an experienced developer, you'll find valuable insights and practical tips to take your app development skills to the next level.
Reference URLs:
https://icons.getbootstrap.com/
🔔 Subscribe to stay updated with more Power Apps tutorials and tips!
00:00 Introduction
00:09 Intro to SVG Left Side Navigation
00:16 Reference to Prior Left-Hand Navigation
05:24 Begin Component Development
06:36 Add Container
12:07 Gallery Item Property
21:19 Icon List Property
25:28 Gallery Image Property
55:58 Header Component Reference