Answered

How to show tooltip on text field in the Entity List by retrieving another text field of the record In Power Portal?

(0) Share

Report

Posted on by Malasri

I am having a case view entity list. In the case record there is a description field. In the view column Issue Summary single line of text field appears in the list. So when we hover on the Issue summary text, need to show the popup with description field value.

On hover of this field, I need to retrieve description value and show.

Categories:

Power Apps portals

I have the same question (0)

All responses (4)

Answers (1)

Sort by

Verified answer

oliver.rodrigues 9,471 Most Valuable Professional on at

Like (1)

Report
Copy link

Link copied!
Hi, I can think of two options of achieving this, both require JS:

Retrieve the description via API/Fetch, and inject the value as tooltip in the summary field (it can slow down the page) - you can see API documentation for more info: Portals read operations using the Web API - Power Apps | Microsoft Docs

Add the description as a new column, and hide it via JS, then use it to inject as tooltip into the summary field (better performance, but just for a millisecond, the users might see the description field in the view) - I wrote an article a while ago on how to hide a list column: Power Apps Portals – JavaScript Tip #01 – Hide & Show Elements – Oliver Rodrigues (oliverrodrigues365.com)

regardless of how you get the value, you will need JS to inject it to the summary column, I have a list with Accounts and will write a simple example retrieving the "Phone" field, and inject as tooltip into the primary contact:

$(document).ready(function(){ SetTooltip(); }); SetTooltip = function () { var list = $(".entitylist.entity-grid").eq(0); list.on("loaded", function () { list.find("table tbody > tr").each(function (index, tr) { var tooltipText = $(tr).find("td[data-attribute=telephone1]").text() $(tr).find("td[data-attribute=primarycontactid]").attr("title",tooltipText) }); }); };

Was this reply helpful? Yes No
Malasri 9 on at

Like (0)

Report
Copy link

Link copied!

If we are multiple views, Hiding column and setting tooltip is working in default view. what to be done for other views.

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

Like (0)

Report
Copy link

Link copied!

hi @Malasri I just did a test myself and it worked for both views. Can you share your code + snapshots?

Was this reply helpful? Yes No
Malasri 9 on at

Like (0)

Report
Copy link

Link copied!

Thanks!!!!! It is working fine

Was this reply helpful? Yes No