Create a Navbar using a Component Library in Power Apps

Поділитися
Вставка
  • Опубліковано 7 січ 2025

КОМЕНТАРІ • 61

  • @kimcrazy100
    @kimcrazy100 3 місяці тому +1

    Brilliant video, instructions were on point and very easy to follow, definitely clicking that subscribe button

    • @TheAnalystNik
      @TheAnalystNik  3 місяці тому

      Such kind words thank you!

    • @mehtabidreesi7942
      @mehtabidreesi7942 2 місяці тому

      Please sir. I find many video related according to multilingual in Powerapps
      But not from scratch with good explanation
      Please create a multilingual from scratch in Powerapps data from excel please 🎉​@@TheAnalystNik

  • @atifwarraich786
    @atifwarraich786 14 днів тому +1

    Very informative and well delivered. Liked & subscribed for future videos. And Merry Christmas 🎉

  • @Cristianghlt
    @Cristianghlt 13 днів тому +1

    Very good content!

  • @ma1kkro
    @ma1kkro 2 місяці тому +1

    Many thanks for the great tutorial, it helps enormously.

  • @naveendas9173
    @naveendas9173 2 місяці тому +1

    Thank you for sharing. It is definitely helping.

  • @jonathanparan4715
    @jonathanparan4715 Місяць тому +1

    thanks brother. It helps a lot

  • @twangt
    @twangt 2 місяці тому +1

    This is Great!
    Fast and smooth!
    Keep up the good work! :)
    Regards

  • @mehtabidreesi7942
    @mehtabidreesi7942 2 місяці тому +1

    I find many video related according to multilingual in Powerapps
    But not from scratch with good explanation
    Please create a multilingual from scratch in Powerapps data from excel please 🎉

    • @TheAnalystNik
      @TheAnalystNik  Місяць тому +1

      thank you for the suggestion, I will try to include this in a future video!

    • @mehtabidreesi7942
      @mehtabidreesi7942 Місяць тому

      @TheAnalystNik plz make in 10 days

  • @misganawtadesse9513
    @misganawtadesse9513 Місяць тому

    I just Subscribed!, Thanks!

  • @GarySinclair-ok6gu
    @GarySinclair-ok6gu 3 місяці тому +1

    Great work! Thank you!

  • @TheCedejka
    @TheCedejka 2 місяці тому +1

    Thank you! Please make more videos. 🙂

    • @TheAnalystNik
      @TheAnalystNik  2 місяці тому +1

      Thank you glad you like them! I got another one coming very soon

  • @qoryhanisagal
    @qoryhanisagal 3 місяці тому +1

    Thanks!!! Really assisted me! Great Jon!

  • @shomari169
    @shomari169 3 місяці тому +1

    thanks for doing this☺

    • @TheAnalystNik
      @TheAnalystNik  3 місяці тому +1

      You’re welcome!

    • @shomari169
      @shomari169 3 місяці тому +1

      @@TheAnalystNik will try and see if i can use the same logic to create a component for your other view menues

    • @TheAnalystNik
      @TheAnalystNik  3 місяці тому +1

      Exactly, logic should be very similar with the other menus. Good luck!

  • @lovesharma336
    @lovesharma336 3 місяці тому +1

    Great Video!

  • @barkoczigabor8485
    @barkoczigabor8485 18 днів тому +1

    Great video but for some reason on hover i dont see the text just to hover color. Where i screwed up?

    • @TheAnalystNik
      @TheAnalystNik  15 днів тому

      Thanks! have you set up the colors exactly as they are within the custom property at 3:00? You may have put a 1 instead of 0.1 on the BackgroundHover. Hope that solves it!

    • @barkoczigabor8485
      @barkoczigabor8485 15 днів тому

      Yeah solved the issue, tho the issue was i misplaced the layers. :D

    • @TheAnalystNik
      @TheAnalystNik  15 днів тому

      Ah yes that will do it! Glad you figured it out, cheers!

    • @barkoczigabor8485
      @barkoczigabor8485 15 днів тому

      @@TheAnalystNik Yeah it happens when the app starts to get complex, building an hr portal from these components. Thank you! :)

    • @TheAnalystNik
      @TheAnalystNik  15 днів тому

      That’s awesome hope the build turns out well

  • @ashleyalbright7272
    @ashleyalbright7272 3 місяці тому +1

    I'm running into issues navigating between screens. I don't believe I'm using a model-driven app so is it possible that there is a different function that I should be using? I've watched this video through a few times and I'm not quite sure where I might be going wrong. Any help would be greatly appreciated! Thanks!
    Under App > Formulas I have
    MenuItems = Table(
    {
    Id: 1,
    Name: "Home",
    Screen: Home
    },
    {
    Id: 2,
    Name: "Events",
    Screen: Events
    },
    {
    Id: 3,
    Name: "FSIs",
    Screen: FSIs
    }
    );
    Items
    and then within each of the screens I have the container and the component inserted with Items > MenuItems

    • @sidhu64231
      @sidhu64231 3 місяці тому

      Running through the navigation issues in the canvasApp. The Button Onselect property is not firing.
      In the Formulas , I am using below code.
      MenuItems = Table(
      {
      Id: 1,
      Name: "Home",
      Screen: SearchDocumentsScreen
      },
      {
      Id: 2,
      Name: "Search Documents",
      Screen: SearchDocumentsScreen
      },
      {
      Id: 3,
      Name: "Advanced Search",
      Screen: AdvancedSearchScreen
      },
      {
      Id: 4,
      Name: "Add Document",
      Screen: AddDocumentScreen
      }
      );

    • @TheAnalystNik
      @TheAnalystNik  3 місяці тому +2

      Those properties all look correct, maybe double check all the properties in the component gallery (6:44) and the button's OnSelect property (9:37). Another thing to note, make sure once you add the component to all your screens, ensure all the components have the same Items, Theme, and Company properties. Hope you find the solution somewhere in there!

  • @yashwanths3963
    @yashwanths3963 2 місяці тому +1

    How to insert edit form in topnav botton selected

    • @TheAnalystNik
      @TheAnalystNik  Місяць тому

      Do you mean adding a menu item that navigates to a new screen where you have a form?

  • @MichaelGer
    @MichaelGer 3 місяці тому +1

    Nik Hi. Didi you check the responsiveness of the app? On mobile it looses the menu items. Is that how it should look? or did i missed something? Thank you.

    • @TheAnalystNik
      @TheAnalystNik  3 місяці тому +3

      Hi Michael, this top navigation wasn’t built for mobile. I recommend building a vertical side navigation for your case, or building mobile navigation and switching between the two depending on the screen size. I’ll plan to create a video on this in the future

    • @MichaelGer
      @MichaelGer 3 місяці тому

      @@TheAnalystNik Thank you.

  • @wissemhlimi
    @wissemhlimi 2 місяці тому +1

    i have this problem ?
    ColorValue("White") = There is an error in this formula. Try revising the formula and re-running it.

    • @TheAnalystNik
      @TheAnalystNik  2 місяці тому

      hmm, I'm not quite sure. Maybe try using RGBA(255, 255, 255, 1) instead and see if that works?

  • @CarolLoughrey
    @CarolLoughrey 3 місяці тому +1

    This is great! Thanks! One question... how would I add the screen name next to the company name? for instance. Company Home or Company Settings. Is that possible?

    • @TheAnalystNik
      @TheAnalystNik  3 місяці тому +1

      Glad you liked it! You could update the company name to something like this: “Company ” & App.ActiveScreen.Name

    • @CarolLoughrey
      @CarolLoughrey 3 місяці тому +1

      @@TheAnalystNik thanks! I was so close! I’ll try that out

    • @CarolLoughrey
      @CarolLoughrey 3 місяці тому

      That works! But what if I wanted to Give it the Name I assigned it in the MenuItems table?

    • @TheAnalystNik
      @TheAnalystNik  3 місяці тому +1

      @@CarolLoughrey In that case, you can try something like this on the lblCompany text property:
      TopNav.Company.Name & " " & LookUp(TopNav.Items, Screen = App.ActiveScreen, Name)

    • @CarolLoughrey
      @CarolLoughrey 3 місяці тому +1

      @@TheAnalystNik thank you! I just changed the names of the screens. 😆 everyone loves the new navigation bar! So thank you!

  • @m365dev
    @m365dev 3 місяці тому +1

    Awesome

  • @humayunkb2963
    @humayunkb2963 3 місяці тому

    Wq

  • @derekgray3019
    @derekgray3019 3 місяці тому +3

    I am now using this successfully in a couple of my apps and managed to find a way of restricting access to parts of the menu. One issue that was bugging me was the nav menu was showing an error’Invalid operation: division by zero’ I have now resolved this by using the following in the main gallery template size property IfError(Self.Width/SelfAllItemsCount,0). This resolves the error. I thought I’d share in case anyone else was seeing the same annoying error every time I open the app.