Entity list: replace ahref text to display icon

(0) Share

Report

Posted on by ragavanrajan

7,044 Most Valuable Professional

Hi Folks,

In one of the entity list I would like to replace the ahref text to display an icon. Here is my attempt using jQuery

$(document).ready(function () {

console.log(555, "console loading");

$(".entitylist.entity-grid").on("loaded", function () {
 

 $(this).children(".view-grid").find("td[data-attribute='cra0d_app']").each(function (i, e){
console.log(222, "name of column loading");
 var value = $(this).data(value);
console.log("666value Var", value);
 if(value.value == "https://testportal.powerappsportals.com/poc/testApp/")

 {
 console.log(444, "condition triggering");

 // $("a").text("Show this text"); 
 

 }

 else{

 console.log(444, "Not triggering");

 }

 });

 });

});

The above code is changing all <a> tag text to "Show". How do I replace only for the Logical name (cra0d_app) column only.

Categories:

Power Apps portals

I have the same question (0)

All responses (2)

Answers (2)

Sort by

Verified answer

oliver.rodrigues 9,471 Most Valuable Professional on at

Like (2)

Report
Copy link

Link copied!

hi @ragavanrajan

I have an article that might help: http://oliverrodrigues365.com/2020/05/24/power-apps-portals-generate-and-download-word-document-from-an-entity-list/

what I am doing there is first triggering a workflow to generate a Word Document, and populating a URL within a column in my entity list.. and then adding an icon to download the document based on the URL

Was this reply helpful? Yes No
Verified answer

ragavanrajan 7,044 Most Valuable Professional on at

Like (1)

Report
Copy link

Link copied!
Thanks @OliverRodrigues. Indeed I referred to your blog and it is absolutely useful. I just need to do a little tweak to display the icon. Just in case if anyone is trying to display an icon instead of a hyperlink URL. Below is the code

$(document).ready(function () { console.log(555, "console loading"); $(".entitylist.entity-grid").on("loaded", function () { $(this).children(".view-grid").find("td[data-attribute='cra0d_app']").each(function (i, e){ console.log(222, "name of column loading"); var value = $(this).data(value); console.log("666value Var", value); if(value.value == "https:////testportal.powerappsportals.com/poc/testApp/") { console.log(444, "condition triggering"); var downloadElement=""; downloadElement += "<a href='"+this.innerText+"'>"; downloadElement += "<button type='button' class='btn btn-default btn-lg'>"; downloadElement += "<span class='glyphicon glyphicon-phone' aria-hidden='true'/>"; downloadElement += "</button>"; downloadElement += " </a>"; $(this).html(downloadElement); } else{ $(this).closest('tr').css("background-color", "#ffffff"); } }); }); });

And the output:

Was this reply helpful? Yes No