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

Announcements

Welcome to the Power Platform Communities
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / How to make Next and P...
Power Apps
Unanswered

How to make Next and Prev Navigation Control

(0) ShareShare
ReportReport
Posted on by PytByt 943

Hi all..

 

I'm new with powerapps and now i'm exploring it even more.

 

So, i need to build specific navigation like below figure:
This is something i need to buildThis is something i need to build

I search everywhere and i cant find what suits me well.

 

Anyway, this is what i need to achieve right now:

1. Navigation like figure above with next and prev button, and a control in the middle of it.

2. The item number part is came from either collection or CDS entity (is many item numbers, 200 or more). So the user can click next and prev button to go to next item number or go back to previous item number.

Can i meet this requirement with powerapps only? Or is there any way around it to make this happen?

Please help.

Thanks,

BR.

pytbyt

 

Categories:
Building Power Apps
I have the same question (0)
  • yashag2255 Profile Picture
    yashag2255 24,769 Super User 2024 Season 1 on at

    Hey @PytByt 

     

    I am assuming that ItemNumber holds whole Number values. You can achieve this by setting up the configuration as:
     
    TextInput -> OnChange -> Set(VariableIndex,0)
     
    Next Icon -> Set(VariableIndex,VariableIndex+1)
     
    Previous Icon -> Set(VariableIndex,VariableIndex-1)
     
    To fetch record: LookUp(DataSourceName,ColumnName= Value(TextInput1.Text)+VariableIndex)
     
    Replace the highlighted values with appropriate values.
     
    Hope this Helps!

    If this reply has answered your question or solved your issue, please mark this question as answered. Answered questions helps users in the future who may have the same issue or question quickly find a resolution via search. If you liked my response, please consider giving it a thumbs up. THANKS!
  • PytByt Profile Picture
    PytByt 943 on at

    Hi @yashag2255 

     

    Its been a while since i get a reply from you. Glad to hear from you.

     

    Anyway,

     

    @yashag2255 wrote:

    Hey @PytByt 

     

    I am assuming that ItemNumber holds whole Number values. You can achieve this by setting up the configuration as:
     

    I think its not gonna be a whole number type of data, my company thought of putting text as data type, so they can easily manage. So, not. Its holds whole number values, instead of text values.

    I there any way i can still use your solution with text values data type?

    Thanks,

    pytbyt


    Edit:
    Also, where should i put the lookup function? 
    LookUp(DataSourceName,ColumnName= Value(TextInput1.Text)+VariableIndex)

  • PytByt Profile Picture
    PytByt 943 on at

    Hi All.. 

    CC: @yashag2255 & @mdevaney 

    New updates for my case:
    1. The TextInput part is coming from a dropdown control value which contains:
        DD_SelectLocation.Items = Filter(Su_WarehouseLocations, WarehouseID = Loc_WHID)
        DD_SelectLocation.OnChange = Set(Loc_WHLocID, LookUp(Su_WarehouseLocations, WarehouseLocationID =                                   DD_SelectLocation.SelectedText.Value).WarehouseLocationID)

     

    2. The figure below is the real design (for now):

    ide2.png

    The text input above is named TextInput_Loc, which contains:
    TextInput_Loc.Defaults = Value(DD_SelectLocation.SelectedText.Value) + VariableIndex --> <From @yashag2255 Solution>

    I'm sorry, i dont know exactly what am i doing, but the result is 1, which is the correct result should be OR-1-1-1 and should be OR-1-1-2 after being next icon is pressed instead of showing 2.

    I hope this details helps.

     

    What should i do?

    BR.

    pytbyt

     

     

     

     

     

  • yashag2255 Profile Picture
    yashag2255 24,769 Super User 2024 Season 1 on at

    Hey @PytByt 

     

    I am assuming that the ItemNumber field has values like: Item1,Item2,Item3.
     
    LookUp(DataSource,ColumnName= Concatenate("Item",Text(Last(Split(TextInput1.Text,"Item")).Result+VariableIndex)))
     
    Where exactly are you trying to show this data? If this is an Edit form, you can update the Item property with this lookup formula. Please share more details about this and we might resolve this together.
     
    Hope this Helps!

    If this reply has answered your question or solved your issue, please mark this question as answered. Answered questions helps users in the future who may have the same issue or question quickly find a resolution via search. If you liked my response, please consider giving it a thumbs up. THANKS!
  • PytByt Profile Picture
    PytByt 943 on at

    Hey @yashag2255 

    @yashag2255 wrote:

    Hey @PytByt 

     

    I am assuming that the ItemNumber field has values like: Item1,Item2,Item3.
     
    LookUp(DataSource,ColumnName= Concatenate("Item",Text(Last(Split(TextInput1.Text,"Item")).Result+VariableIndex)))
     

    No, the ItemNumber field values is something like: OR-1-1-1, SV-1, MR-1-1, OR-5-2-2,  and so on. And it came from Dropdown control in previous screen which has property like below:
     DD_SelectLocation.Items = Filter(Su_WarehouseLocations, WarehouseID = Loc_WHID)
     DD_SelectLocation.OnChange = Set(Loc_WHLocID, LookUp(Su_WarehouseLocations, WarehouseLocationID=                           DD_SelectLocation.SelectedText.Value).WarehouseLocationID)

    I hope this helps,

    Regards,

    pytbyt

  • mdevaney Profile Picture
    mdevaney 29,991 Moderator on at

    @PytByt 

    I've read through your posts and buit I am still trying to understand how your app is intended to work.  There are few questions I would like to know the answer to:

     

    1) Assuming your part number looks like OR-1-2-5, what does each segment of the part number mean?

    2) Do you want to see the part number in the center of the control like this?  <| [ OR-1-2-5 ] |>

    3) Can you please tell us a sample part number and explain how determine what is previous and what is next?  Can you give 3 part numbers previous and 3 part numbers next?

    4) Have you considered using a search function to find the part number?  Can you please explain why a previous and next button is the best design vs. searching part numbers?

     

     

  • PytByt Profile Picture
    PytByt 943 on at

    Hi @mdevaney 

     

    I will try to answer you questions here.

     

    1. The Item Number part is coming directly from the ERP in D365FO table, i manage to pull the data here:
         Its by default like that in ERP ( I Cant temper the code number format)Its by default like that in ERP ( I Cant temper the code number format)

     

    2.  Yes, exactly. And change when the user click the nex/prev icon.

     

    3. I hope i answered it in No. 1

     

    4. The Item Number part (figure no.1) is sequential though not in order, so the next/prev is currently the best approch for the design.

     

    I hope these answer could help you to help me.

    Let me know if you need more details.

     

    Thanks,

    PytByt

     

     

     

  • PytByt Profile Picture
    PytByt 943 on at

    Hello @mdevaney and @yashag2255 

    I'm sorry, but i still need help.
    I can't seem properly make this navigation works. It's been a while now, but Is there anything else i can do to make this idea works?

     

    Regards,

    pytbyt

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

News and Announcements

Welcome to the Power Platform Communities

Quick Links

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the July Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 329 Most Valuable Professional

#2
11manish Profile Picture

11manish 209 Super User 2026 Season 2

#3
Mohsin Ali Profile Picture

Mohsin Ali 179

Last 30 days Overall leaderboard

Featured topics

Auto-Populate field Power Pages
Gallery Tabs - Show or Hide Tabs based on Field Value
How to patch multiple records at once
Enable Copilot for end users in model-driven apps
Question for everyone : How are you using Create Text GPT in AI Builder?
Community content - sample components, blogs etc. - Link to this page (http://aka.ms/PCFdemos)
Welcome to the Power Apps forum!

Product updates

Microsoft Power Platform Community release plans