In this blog post, I will walk through the steps required to update the "No Records Found" message in the Entity List on a web page.
Problem Statement
How to update the Empty List message on Entity List? How to update "Empty List Text" when Empty List Text on Entity List configuration does not work? How to use custom jQuery code to update the "Empty List Text" on an Entity List.
Solution
To Update the "Empty List Text" on an Entity form, jQuery code can be added to the web page where we have the Entity List configured.
If you have just one Entity List displayed on the web page, then you can add the script as:
$(document).ready(function () {
$('.view-empty.message').text('There are no records matching your filter criteria.');
});
Explanation: This function triggers when the document is ready. .view-empty.message is the name of class that belongs to the HTML element for "Empty List".
In cases where you have more than one Entity List on the web page, then the script can be updated to specific list as:
$(document).ready(function () {
$('.page-copy > div > div > .entitylist:nth-child(1) > div > .view-empty.message').text('There are no records matching your filter criteria.');
$('.page-copy > div > div > .entitylist:nth-child(2) > div > .view-empty.message').text('There are no records matching your filter criteria in the second grid.');
});
Explanation: This function triggers when the document is ready. Since we have two Entity List present on the page, we can use jQuery to identify the Empty message element.
To identify the element, we can inspect the page and get the hierarchy as:
Note: If you want to add styling to the element, then you can add the below mentioned script to add inline styles.
$('.view-empty.message').css("text-align","center");
Explanation: The above command aligns the text to the center. You can add other styles, based on the requirement.
DEMO
In this post we saw how to edit the Empty Text message of an Entity List in Power Apps Portals. This allows us to update the configuration if the default option for "Empty List Text" is not working.
I hope this was useful for you. In case of any questions or suggestions, feel free to reach me out on twitter at @agarwal_ritika.
Comments