Skip to main content
Community site session details

Community site session details

Session Id :
Power Pages - Power Apps Portals
Unanswered

How to navigate to certain pages from list?

(0) ShareShare
ReportReport
Posted on by 501

Hey all 

 

I have a list that shows information depending on what view in the dropdown is selected : 

tempsnip2433.png

I have added Javascript so that the first column is a hyperlink and once clicked, it will take you to another page. Right now this link it set for all of the selections in the first column, so if clicked, it takes you to the same page as all of them no matter which link is clicked. But I would like to do it based on the choice made in the dropdown as seen above. So if a dropdown option is selected, the hyperlinks location in the first column will be different compared to another dropdown selection. 

 

Here is the JS on my list currently. 

$('.entitylist').on("loaded", function () {

 //To make the field/column's value hyperlink

 $("td[data-attribute*='adx_id']").each(function() { 

 // Get guid of record - This will give you the GUID of Current Record (Current Row).

 var GUID = $(this).closest('tr').attr("data-id");

 // Partial URL of webpage where you want to redirect the user.

 var pagewhereToRedirect = "partial_URL";

 // Construct the URL

 var redirect = window.location.href + pagewhereToRedirect + "/?id="+ GUID;

 // Make the field value Hyperlink

 var text=$(this).text();

 $(this).html("<a href="+redirect+">"+text+"</a>");

 });

 });

 

  • oliver.rodrigues Profile Picture
    9,342 Most Valuable Professional on at
    Re: How to navigate to certain pages from list?

    @Usernametwice23 to help you with conditional actions I have a blog article that might help as well: http://oliverrodrigues365.com/2020/04/26/power-apps-portals-entity-list-conditional-action/

     

    if you get stuck or anything, please let us know and share snapshot or details of how far you got

  • Fubar Profile Picture
    8,021 Super User 2025 Season 1 on at
    Re: How to navigate to certain pages from list?

    @Usernametwice23 in the Grid configuration you see on the screen shot Oliver provided you tick the Advanced and then add FetchXML criteria to for each form - these become items on the  'Chicklets' menu that will show at the end of your List line item (only menu items that match the FetchXML criteria will be visible to the portal user)

     

    The link on the first column does not work the same way, but you can also work around it using a custom Web Template and apply logic in it to load different forms (so it acts as a controller, if criteria = this then  use form 1 else use form 2 etc).

  • Usernametwice Profile Picture
    501 on at
    Re: How to navigate to certain pages from list?

    @OliverRodrigues Is there a specific/similar section that explains what I'm trying to do?

  • oliver.rodrigues Profile Picture
    9,342 Most Valuable Professional on at
    Re: How to navigate to certain pages from list?

    is there any specific reason as to why you are using JS and not the List Actions: About lists - Power Apps | Microsoft Docs

  • Christian Leverenz Profile Picture
    1,214 on at
    Re: How to navigate to certain pages from list?

    Hi @Usernametwice23 ,

    may be a dumb advice, but when you already render the hyperlinks by a script, why not take the value of the dropdown and render another url in? (and attach a changeevent and rerender the links)

    I think, you have to do it via script. 

    May be, a better approach to navigate is to use the clickevent on the cells and then read the optionset and the id of the clicked column (could be backed in in the funtion or obtained from the sourceelement) and with this information set window.location.href . Then you only render the clickevents once and obey the status of the listbox in the event.

     

    Hope i got it right.

    Have fun,

      Christian

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

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!

Announcing the Engage with the Community forum!

This forum is your space to connect, share, and grow!

Leaderboard > Power Pages

#1
Lucas001 Profile Picture

Lucas001 60 Super User 2025 Season 1

#2
Fubar Profile Picture

Fubar 55 Super User 2025 Season 1

#3
surya narayanan Profile Picture

surya narayanan 35