Skip to main content
Community site session details

Community site session details

Session Id : oj9xSIkAlafX7pxR1oCbHE
Power Apps - Building Power Apps
Answered

I need navigate between tabs list using an Arrow icon - Modern Control

Like (0) ShareShare
ReportReport
Posted on 7 Jun 2023 21:49:43 by 19

I'm using the new modern control to update my app.

 

Ditdigita_0-1686174429970.png

 


How can I navigate between tabs using an Arrow icon for example?

 

navigate.png

 

Thank you very much, I hope you can understand and help me with my problem.

 

 

  • Abhishek_B Profile Picture
    on 20 Jun 2024 at 14:41:37
    Re: I need navigate between tabs list using an Arrow icon - Modern Control

    Hi @NZ0090 ,

    I am learning Power apps and I have to do the same think using forward icon and backward icon to switch between containers, could please help me with this?

  • Ditdigita Profile Picture
    19 on 12 Jun 2023 at 16:33:58
    Re: I need navigate between tabs list using an Arrow icon - Modern Control

    "Thank you. This solution works.

    This is my progress so far. I tried to solve the problem where "the selected tab only appears in the last tab" but unfortunately I couldn't fix it.".  You can help me with this?

  • Ditdigita Profile Picture
    19 on 12 Jun 2023 at 04:10:49
    Re: I need navigate between tabs list using an Arrow icon - Modern Control

    "Thank you. This solution works.

    This is my progress so far. I tried to solve the problem where "the selected tab only appears in the last tab" but unfortunately I couldn't fix it.".  You can help me with this?

  • Verified answer
    NZ0090 Profile Picture
    317 on 08 Jun 2023 at 02:22:28
    Re: I need navigate between tabs list using an Arrow icon - Modern Control

    @Ditdigita 

    Sorry, missed the bit about modern control.

     

    I did some testing with a collection:

    Collect(
     TestTabName,
     {Tab: "Tab A"},
     {Tab: "Tab B"},
     {Tab: "Tab C"},
     {Tab: "Tab D"}
    )

     

    On the Next arrow:

    If(
     CurrTab="Tab A", Set(CurrTab, "Tab B"),
     CurrTab="Tab B", Set(CurrTab, "Tab C"),
     CurrTab="Tab C", Set(CurrTab, "Tab D")
    )

     

    On the Prev arrow:

    If(
     CurrTab="Tab B", Set(CurrTab, "Tab A"),
     CurrTab="Tab C", Set(CurrTab, "Tab B"),
     CurrTab="Tab D", Set(CurrTab, "Tab C")
    )

     

    On the Items property of the TabList:

    If(
     IsBlank(CurrTab),
     Distinct(TestTabName, Tab),
     Distinct(Filter(TestTabName, Tab<>CurrTab), Tab)
    )

     

    On the OnSelect property of the TabList:

    Set(CurrTab, Self.Selected.Value)

     

    On the DefaultSelectedItems property of the TabList:

    [CurrTab]

     

    The only problem is that the selected tab will show up only on the last tab. This is my first time playing around with modern control so maybe there's a more simplified version somewhere out there.

  • Ditdigita Profile Picture
    19 on 08 Jun 2023 at 01:28:57
    Re: I need navigate between tabs list using an Arrow icon - Modern Control

    I'm using the modern controls, specifically the Tab List, which allows me to navigate between tabs instead of pages. I can't use the navigation function (ScreenName, Transition) because I don't have ScreenName. I have tabName but the funtion dont work with this parameter

  • NZ0090 Profile Picture
    317 on 08 Jun 2023 at 00:39:48
    Re: I need navigate between tabs list using an Arrow icon - Modern Control

    Hi @Ditdigita ,

     

    On the OnSelect property of your arrow, you can add:

    Navigate(PageName)

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Announcing our 2025 Season 2 Super Users!

A new season of Super Users has arrived, and we are so grateful for…

Paul Stork – Community Spotlight

We are honored to recognize Paul Stork as our July 2025 Community…

Congratulations to the June Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 637 Most Valuable Professional

#2
stampcoin Profile Picture

stampcoin 570 Super User 2025 Season 2

#3
Power Apps 1919 Profile Picture

Power Apps 1919 473

Loading complete