Adding Hyperlink in PowerApps Portal Using Java script
Hi Readers,
Adding a hyperlink in a Power Apps Portal using JavaScript involves manipulating the HTML and JavaScript on the portal's web page. Below is a simple example to guide you through this process.
- In the Power Apps Maker portal, navigate to the web page where you want to add the hyperlink.

- Open Entity for Add hyperlink into "Options" tab.
- Update Javascript as mentioned below in "Custom/javascript" box.
$(document).ready(function () {
$(".entitylist.entity-grid").on("loaded", function () {
debugger;
$(this).children(".view-grid").find("td[data-attribute='cr4a8_orderidnew']").each(function (){
debugger;
var orderid=$(this).closest('tr').attr("data-id");
var ordernumber=$(this).closest('td').attr("data-value");
var portalurl='';
var viewhyperlinkurl = portalurl+"/orders/order-details/?id="+orderid+"";
$(this).html("<a href='"+viewhyperlinkurl +"'>"+ordernumber+"</a>");
});
});
});
Note: Change table column, row, and accordingly attribute and hyperlink to jump.
Save the changes to the web page.
Navigate to the relevant page on your portal and check that the hyperlink is working as expected.
Regards,
Dharmendra Chavda
Comments
Post a Comment