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

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Pages / How to navigate to cer...
Power Pages
Unanswered

How to navigate to certain pages from list?

(0) ShareShare
ReportReport
Posted on by 503

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>");

 });

 });

 

Categories:
I have the same question (0)
  • Christian Leverenz Profile Picture
    1,214 on at

    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

  • oliver.rodrigues Profile Picture
    9,482 Most Valuable Professional on at

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

  • Usernametwice Profile Picture
    503 on at

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

  • Fubar Profile Picture
    17 Super User 2026 Season 1 on at

    @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).

  • oliver.rodrigues Profile Picture
    9,482 Most Valuable Professional on at

    @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

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

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 Pages

#1
Mohsin Ali Profile Picture

Mohsin Ali 33

#2
sannavajjala87 Profile Picture

sannavajjala87 28 Super User 2026 Season 2

#3
11manish Profile Picture

11manish 22 Super User 2026 Season 2

Last 30 days Overall leaderboard