• Ritika Agarwal

Change "No Records Found" Message on Entity List in Power Apps Portals

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.

Recent Posts

See All

Change Favicon in Power Apps Portals

In this blog post, I will walk through the steps to set your desired icon on a Power Apps Portal App. Problem Statement How to add an icon to the Power Apps Portal App? How to add an icon for all page

Main Form for Power Apps Portals

In this blog post, I will walk through the steps required to manage main forms for Entity Forms in Power Apps Portals without having to show them in Model Driven Apps. Problem Statement How to restric

Get All the New Posts to Your Inbox
© 2020. Ritika Agarwal
  • LinkedIn
  • Twitter