Change/Hide Custom Component "No record found" message

[SafetyUniversity]

Hey TB Community-

Sharing some JS and Handlebar.js code for others if they want to completely hide the “No record found” message in a custom component OR want to change to a custom message.

Confirmation if the codes work would be appreciated.

Also, the hide the default message comes from an old posting on the Community that @moe provided.

Hide Custom Component “No record found” Message:
Follow the instructions that @moe posted here:

Custom Component Request

Here you go, kinda ugly way of doing this until we build it in. In your Template, add this at the top: {{#unless records}} <div id="norecords"> </div> {{/unless}} So basically we’ll only show that div if there are no records. Next, in the JS of the custom component, add this: $( document ).ready(function() { var noRecords = $( "#norecords" ); if (noRecords){ $("#norecords").closest('.t-custom').hide(); } }); We’re gonna check if that ID exists and if it does we’ll hide…

Replace default message with a custom message:
Just add the following javascript (don’t have to put anything in the custom component template page)

$(document).ready(function() {
    var noRecords = $(".tb-no-record-found");
    if (noRecords.length) {
        noRecords.text("Your custom message here."); // Change this to your desired wording
    }
});

Hope this helps,
Adam