Tolu Victor
Tolu Victor
  • 21
  • 813 111
Power Apps Responsive Design | Complete Beginner Tutorial
This video is the third in my series on PowerApps Containers, Layouts and Responsive Design. In this third video, you will learn everything you need to know about responsive design. We'll also go through a live example where we apply these concepts to make our app responsive.
Follow me on LinkedIn: www.linkedin.com/in/victorsanwoolu/
Video ID: #PP_0020
Table of Contents:
00:00 Intro
01:32 Responsive Design Basics Intro
04:07 Power Apps Engine
05:52 Device Screen Size / Breakpoints
14:11 Responsive Canvas App Code
23:14 Live App Example
25:10 Responsive Menu
37:24 Dashboard
51:30 Task And Inspection Section
1:01:35 Forms
📥 App and Dataset Download for Members (on UA-cam or Patreon):
Members get exclusive access to download the apps, flows, or components featured in this video!
For Patreon Members: Download links will be available on the Patreon Page
For UA-cam Members: Check the membership tab on the channel page for the download links.
🎁Not a member yet. Join the Tolu Victor Community:
Patreon- www.patreon.com/ToluVictor
UA-cam- ua-cam.com/channels/JIsFUAkQ1XlDtTTYUFK16A.htmljoin
#powerapps #powerplatform #copilot #moderncontrol #crashcourse #canvasapps #ui/ux #uidesign
Переглядів: 6 137

Відео

Power Apps Layouts Like a Pro: The Ultimate Container Walkthrough | Part 2
Переглядів 28 тис.3 місяці тому
This video is the second in my series on PowerApps Containers, Layouts and Responsive Design. In this second video, we will learn how to use the container control to create modern app layouts, the tips and tricks in using it to create Modern UIs in Power Apps and the benefits of using it in Power Apps development Follow me on LinkedIn: www.linkedin.com/in/victorsanwoolu/ Video ID: #PP_0019 Tabl...
The Ultimate Guide to Power Apps Containers and Layouts | Beginner to Advanced
Переглядів 65 тис.5 місяців тому
This video is the first in my new series on PowerApps Containers, Layouts and Responsive Design. In this first video, we will learn the basics of the container control and how to use the container control. Follow me on LinkedIn: www.linkedin.com/in/victorsanwoolu/ Video ID: #PP_0018 Table of Contents: 00:00 Intro 00:56 Container Intro 02:20 Container Definition 03:20 Container Types 07:07 Conta...
How to apply Multicolored Modern Themes to SVGs in Power Apps | Mini Tutorial
Переглядів 8 тис.7 місяців тому
In this mini tutorial video, we will learn how to use the new Modern Themes on our Custom SVG icons to create Modern-looking PowerApps. Follow me on LinkedIn: www.linkedin.com/in/victorsanwoolu/ Video ID: #PP_0017 Table of Contents: 00:00 Intro 00:20 Adding Modern Themes to Custom SVGs 📥 App and Dataset Download for Members (on UA-cam or Patreon): Members get exclusive access to download the ap...
How to use the New Icon Button to create Modern Power Apps
Переглядів 21 тис.7 місяців тому
In this video, we cover the updated Modern Button Control. Learn how to add icons to buttons as well as other tips and tricks to use the Modern Button Control to create Modern-looking PowerApps Follow me on LinkedIn: www.linkedin.com/in/victorsanwoolu/ Video ID: #PP_0016 Table of Contents: 00:00 Intro 00:41 App Intro 01:09 Classic Button Control 02:29 Modern Button Control - Base Structure 05:3...
How to Design a Modern Filter UI in Power Apps
Переглядів 37 тис.8 місяців тому
This is part 3 of my Modern PowerApps Design Walkthrough. In this video, you will learn how to design a custom and modern Filter UI that can be used in both a responsive Gallery or static galley in PowerApps Follow me on LinkedIn: www.linkedin.com/in/victorsanwoolu/ Video ID: #PP_0015 Part 1: ua-cam.com/video/A-s0V5OpHDY/v-deo.html Part 2: ua-cam.com/video/HSwX2C70ZwI/v-deo.html Table of Conten...
How to Design a Multi-view Gallery in Power Apps | Beginner to Advanced
Переглядів 33 тис.9 місяців тому
This is part 2 of my Modern PowerApps Design Walkthrough. In this video, you will learn how to design a Modern Multiview Gallery in PowerApps which can switch between a list layout and a grid layout Follow me on LinkedIn: www.linkedin.com/in/victorsanwoolu/ Video ID: #PP_0014 Part 1: ua-cam.com/video/A-s0V5OpHDY/v-deo.html Table of Contents: 00:00 Intro 00:55 Section Title 05:14 List Gallery La...
Modern PowerApps UI Design Tutorial: Card Gallery Design Ideas
Переглядів 46 тис.10 місяців тому
This is part 1 of my Modern PowerApps Design Walkthrough. This video covers a custom navigation component, custom buttons, a custom search bar and a cool Card Gallery design. Follow me on LinkedIn: www.linkedin.com/in/victorsanwoolu/ Video ID: #PP_0013 Table of Contents: 00:00 Intro 00:38 Database and App Intro 01:48 App Initialization 03:11 App Layout 06:58 Side Menu Component 13:33 Header 26:...
How to use Copilot AI to design UNIQUE Power Apps UIs
Переглядів 48 тис.10 місяців тому
Learn how to Copilot AI to build unique and modern-looking interfaces in PowerApps. Follow me on LinkedIn: www.linkedin.com/in/victorsanwoolu/ Video ID: #PP_0012 Table of Contents: 00:00 Intro 00:59 Copilot Intro 02:19 Prompt Crafting 03:04 App Colors 05:20 Prompt Crafting 2 06:49 Running the Prompt 11:08 Working with AI Images 13:47 Building the App 35:37 App Demo 📥 App and Dataset Download fo...
How to use Copilot AI to design a MODERN Power App
Переглядів 25 тис.11 місяців тому
This video is the first in a crash course on how to use PowerApps Copilot to build modern-looking PowerApps. Follow me on LinkedIn: www.linkedin.com/in/victorsanwoolu/ Video ID: #PP_0011 Table of Contents: 00:00 Intro 00:50 Demo Background 01:51 Copilot Preferred Solution 02:38 PowerApps Copilot Creator Wizard 03:35 PowerApps Copilot Supported Columns 05:32 App Overview 06:26 Handling Complex D...
How to create a Modern MULTI-LEVEL Side Menu in PowerApps
Переглядів 31 тис.Рік тому
This is the third video in a 3 part video series teaching how to create modern-looking side menus in PowerApps. This video focuses on creating a modern multi-level side menu Follow me on LinkedIn: www.linkedin.com/in/victorsanwoolu/ Video ID: #PP_0010 Part 1: ua-cam.com/video/2K2TTEaw_N4/v-deo.html Part 2: ua-cam.com/video/Izl-KTv5CHI/v-deo.html 📥 App and Dataset Download for Members (on UA-cam...
How to create a Modern COLLAPSIBLE Side Menu in PowerApps
Переглядів 45 тис.Рік тому
This is the second video in a 3 part video series teaching how to create modern-looking side menus in PowerApps. This video teaches you how to build a Modern looking Collapsible Side Menu in PowerApps Follow me on LinkedIn: www.linkedin.com/in/victorsanwoolu/ Full Modern Power Apps Side Menu Playlist: ua-cam.com/play/PLnlbZUTg26cjA7Vwe-MZrKjqT9GbiQiWM.html Video ID: #PP_0009 📥 App and Dataset D...
How to create a Modern Compact Side Menu in PowerApps
Переглядів 60 тис.Рік тому
This is the first video in a 3 part video series teaching how to create modern-looking side menus in PowerApps. This video focuses on a minimalist compact side menu Follow me on LinkedIn: www.linkedin.com/in/victorsanwoolu/ Video ID: #PP_0008 Full Modern Power Apps Side Menu Playlist: ua-cam.com/play/PLnlbZUTg26cjA7Vwe-MZrKjqT9GbiQiWM.html 📥 App and Dataset Download for Members (on UA-cam or Pa...
How to Design MODERN looking PowerApps forms : Beginner to Advanced
Переглядів 97 тис.Рік тому
Learn to how to create modern-looking forms and form layouts in PowerApps. Follow me on LinkedIn: www.linkedin.com/in/victorsanwoolu/ Video ID: #PP_0007 📥 App and Dataset Download for Members (on UA-cam or Patreon): Members get exclusive access to download the apps, flows, or components featured in this video! For UA-cam Members: Check the membership tab on the channel page for the download lin...
Modern PowerApps Screen/UI Design- Beginner to Advanced
Переглядів 97 тис.Рік тому
This is an In-Depth Crash Course Video on how to create Modern Screens and UIs in PowerApps. You will learn how to create Custom Header Components, PowerApps Menu Bars, Custom Powerapps buttons, custom powerapps galleries, custom powerapps search bars, powerapps drop shadows and more. Follow me on LinkedIn: www.linkedin.com/in/victorsanwoolu/ Video ID: #PP_0006 📥 App and Dataset Download for Me...
New PowerApps Devs be like ......
Переглядів 5 тис.Рік тому
New PowerApps Devs be like ......
Modern PowerApps Gallery UI Design Tutorial - Beginner to Advanced
Переглядів 112 тис.Рік тому
Modern PowerApps Gallery UI Design Tutorial - Beginner to Advanced
How to create Custom Home pages in Model Driven Apps
Переглядів 11 тис.Рік тому
How to create Custom Home pages in Model Driven Apps
Create Multi-Screen Forms in PowerApps
Переглядів 23 тис.2 роки тому
Create Multi-Screen Forms in PowerApps
How to Convert ComboBox to Checkbox in PowerApps
Переглядів 7 тис.2 роки тому
How to Convert ComboBox to Checkbox in PowerApps
How to create reusable Form Tabs component (tabbed Forms) or Form Sections in Power Apps
Переглядів 9 тис.2 роки тому
How to create reusable Form Tabs component (tabbed Forms) or Form Sections in Power Apps

КОМЕНТАРІ

  • @12345678910111277777
    @12345678910111277777 22 години тому

    really helpful this to get started thank you so much! And it's not a boring watch for once, you keep me engaged with some silly jokes love it!

  • @tanvirsiddiqui7565
    @tanvirsiddiqui7565 День тому

    Where do i get the templates? I want to create one too.

  • @lauraliliom1937
    @lauraliliom1937 День тому

    Dear Victor, could you please tell me the RGBA code of this beautiful dark blue color you used for this app and the very light purple color? They go so well together. Thank you so much!

  • @chrisbaffour1341
    @chrisbaffour1341 2 дні тому

    Victor. Great job. Do you do PowerBi as well?

  • @palm33
    @palm33 2 дні тому

    What did you use to design this? Is it figma?

  • @frantastical
    @frantastical 2 дні тому

    Can't seem to get the buttons in the gallery to navigate to ThisItem.PageNavigation even when setting screens in named formulas and menu content.

  • @ellainejoyponte9857
    @ellainejoyponte9857 2 дні тому

    thanks for this! amazing content!

  • @gauravtempe0801
    @gauravtempe0801 3 дні тому

    😂😂😂Following you right away!

  • @ellainejoyponte9857
    @ellainejoyponte9857 3 дні тому

    thank you so much! You are truly amazing!!

  • @stevenmanno5774
    @stevenmanno5774 4 дні тому

    Is there a seperate video for that table design?

  • @dpukkz_bbq
    @dpukkz_bbq 5 днів тому

    How do you get the modern buttons to match the navy container? I have tried putting the Hex Code in the same but the button always looks a different shade?

  • @pavelgolovinov7513
    @pavelgolovinov7513 5 днів тому

    Great work!

  • @dpukkz_bbq
    @dpukkz_bbq 6 днів тому

    As always… just class! Can’t wait to ruin my current apps trying to make them responsive 😂

    • @toluvictor
      @toluvictor 4 дні тому

      😂😂😂 Don't worry. You got this 💪

  • @aureliengillet4342
    @aureliengillet4342 6 днів тому

    Microwave ?? 😆

    • @toluvictor
      @toluvictor 6 днів тому

      😂😂😂 Yes. We also have to cater for clients who want to use the apps on their state-of-the-art Gucci AI microwaves

  • @okidipekimbambo
    @okidipekimbambo 6 днів тому

    I missed you baby. Welcome back

  • @euphrasieingueza3267
    @euphrasieingueza3267 6 днів тому

    Good day, please i want to know how to show menu in this video depends of a column role in sharepoint

  • @loic2445
    @loic2445 7 днів тому

    Do you reccomand building an app first for one screen device and then transform/adjust is to all screen sizes or the other way around?

    • @toluvictor
      @toluvictor 6 днів тому

      I personally just make it responsive from the get go. But I understand that might be tough for people not used to making apps like that.

  • @AnupMalakar-wd1yf
    @AnupMalakar-wd1yf 8 днів тому

    how did you make the recepie app that looks cool can you upload that video too...

  • @jaypeehernandez4029
    @jaypeehernandez4029 9 днів тому

    Nice Video, I love your UI contents.

  • @muzaffarshaikh3514
    @muzaffarshaikh3514 9 днів тому

    How to make one button invisible from another screen when submitting and navigate to that screen?

  • @Rush650gt
    @Rush650gt 9 днів тому

    gonna be dreaming in containers for the next week hah, jokes aside incredible guide.

    • @toluvictor
      @toluvictor 8 днів тому

      😂😂 I have been dreaming in containers for the last few months

  • @torukmaktogaming9962
    @torukmaktogaming9962 9 днів тому

    Seriously no other word big fan bro😊

  • @DanMotan
    @DanMotan 9 днів тому

    really love your content and do enjoy the memes :)) you really make life easier . Would you make in the future a video on custom components ?

  • @MrRobvanzutphen1
    @MrRobvanzutphen1 10 днів тому

    I've been a Power BI developer for years now and only last week entured into Power Apps development. I really like the way you set up and organize your apps and I have found a great teacher in you! Your videos are amazing; The content, the storytelling, and of course the comedy! A big thumbs up to your hard work. I subscribed and joined! 🎉🎉

  • @datacarl
    @datacarl 10 днів тому

    Due this is amazing! Gave me so much valuable information on working with containers and UI inspiration.

  • @andrewjwingate
    @andrewjwingate 10 днів тому

    Guys Victor is back! Savage!

  • @AJ-nc4vr
    @AJ-nc4vr 10 днів тому

    The absolute best videos I've seen on this topic, bar none. Incredible.

  • @Soulebi03
    @Soulebi03 10 днів тому

    As usual hats off to the UX UI design guys that makes it possible for us to make power apps as modern as possible! I literally suck designing I wouldn't know what to do without these UX UI creators.

  • @AssassinSpy
    @AssassinSpy 10 днів тому

    Just a quick tip regarding the cutting and losing your app bit, Power Apps has multiple auto-saved (or manually saved) versions stored in your environment, Go to your Apps screen where you see all your made apps, select the three-dots for a particular one and go to "Details" and then select the "Versions" tab, from there you can select any saved version of your app and Restore it.

    • @toluvictor
      @toluvictor 10 днів тому

      True. Although, I used to have this bug where if I leave my tab open for a while auto save stops

    • @AssassinSpy
      @AssassinSpy 10 днів тому

      @@toluvictor Just another feature of Power Apps 😭😭

  • @LuisSanchez-fy4he
    @LuisSanchez-fy4he 10 днів тому

    Contenido de alto valor muhas gracias saludos desde Perú

  • @w0rstcase
    @w0rstcase 10 днів тому

    <3

  • @hasokayiu6873
    @hasokayiu6873 10 днів тому

    You are the best!

  • @kaspervaltonen3514
    @kaspervaltonen3514 10 днів тому

    This is the best video of 2025!

    • @toluvictor
      @toluvictor 10 днів тому

      😂😂 We still have 11 months to go

  • @jagadheeshperam9569
    @jagadheeshperam9569 10 днів тому

    How to visible/hide a banner container or gallery when user scrolls down the screen.

    • @toluvictor
      @toluvictor 10 днів тому

      You need to make sure it's not part of the scrollable content container. Just make it a static height control on top of the rest of your app

    • @jagadheeshperam9569
      @jagadheeshperam9569 10 днів тому

      @ thank you! But not sure of any properties which I can use auto hide the gallery control when user scrolls down.

  • @jorgeluisleonaceituno5503
    @jorgeluisleonaceituno5503 10 днів тому

    Esperé este momento para la parte 3!

  • @ganyrehs
    @ganyrehs 10 днів тому

    I learned the hard way, always plan your layouts with containers before starting or else you're going to be moving containers and controls around breaking align property values. Also, skip out on the fancy drop shadow like Tolu suggests, it's easier to work without it.

  • @arraykc
    @arraykc 11 днів тому

    Hi, in 31:12 I was wondering do you have a link to the background picture you used there? Thak you

  • @omamokejeffrey5626
    @omamokejeffrey5626 12 днів тому

    Basically css flex and grids

  • @reynaldoluque
    @reynaldoluque 12 днів тому

    Excelente

  • @Tango_01
    @Tango_01 13 днів тому

    I need to make a sharepointintegrated form. Can i use horizontal and vertical containers and collapsable?

  • @SomethingSomething-j4v
    @SomethingSomething-j4v 13 днів тому

    I'm a UX designer not a PowerApps developer, do you create Model Driven or Canvas apps? (I can't for the life of me tell the difference just by looking at it) My assumption would be Canvas due to UI changes? I'm hoping it's also possible with modeldriven.

    • @MrSamsunggalaxys21
      @MrSamsunggalaxys21 10 годин тому

      model driven apps contain more tables and views. imagine an onboarding process with steps: 1. input personal info, 2. upload resume, and so on. in the video he's creating a canvas app. they offer flexibility in terms of customisation as you have control over every element you see on the screen.

  • @PaulShadwell
    @PaulShadwell 14 днів тому

    I've watch this a couple of times now and implemented some of the elements into my own app. But at no point do you show the code for how you actually filter the gallery using these filters.

  • @toastymmo
    @toastymmo 14 днів тому

    Hi Tolu. @19:50 you are manually manipulating the CurrentMenuID from 1, 2, and 3 changing the selected menu icon that emulates only the icon select. The selected menu icon and selected text is not changing. What is the function that should be used in CurrentMenuID since CurrentMenuID will always equal to 1 in your example and this function under Fill will never be true SideNavigation_Compact.CurrentMenuID = ThisItem.MenuID.

    • @toastymmo
      @toastymmo 11 днів тому

      Nevermind, I finished your code on my own for selectable MenuContent using more than a static CurrentMenuID.