How to navigate to certain pages from list?

(0) Share

Report

Posted on by Usernametwice

503

Hey all

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

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:

Power Apps portals

I have the same question (0)

All responses (5)

Answers (0)

Christian Leverenz 1,214 on at

Like (0)

Report

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

Was this reply helpful? Yes No
oliver.rodrigues 9,368 Most Valuable Professional on at

Like (0)

Report

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

Was this reply helpful? Yes No
Usernametwice 503 on at

Like (0)

Report

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

Was this reply helpful? Yes No
Fubar 8,338 Super User 2025 Season 2 on at

Like (0)

Report

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

Was this reply helpful? Yes No
oliver.rodrigues 9,368 Most Valuable Professional on at

Like (0)

Report

@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

Was this reply helpful? Yes No