web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / I need navigate betwee...
Power Apps
Unanswered

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

(0) ShareShare
ReportReport
Posted on 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.

 

 

Categories:
I have the same question (0)
  • NZ0090 Profile Picture
    317 on at

    Hi @Ditdigita ,

     

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

    Navigate(PageName)
  • Ditdigita Profile Picture
    19 on at

    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

  • Verified answer
    NZ0090 Profile Picture
    317 on at

    @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 at

    "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 at

    "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?

  • Abhishek_B Profile Picture
    on at

    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?

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

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 796 Most Valuable Professional

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 327 Super User 2025 Season 2

#3
Power Platform 1919 Profile Picture

Power Platform 1919 268

Last 30 days Overall leaderboard