customize "record not found" message

[jose lara]

Hi, by default , the list box in the dual list box component, has the label "record not found", if there are no records. How do I customize it? 

[Vinoth Kumar Sundara Moorthy]

Hi Jose, 

 

Thank you for contacting Syncfusion support. 

 

We have checked your reported requirement “To customize the noRecordsTemplate” and it can be achievable by using locale property as like in the below code example. 

 

HTML 

<ejs-listbox [dataSource]='dataA' [toolbarSettings]='toolbarSettings' height='330px' scope='#connected-list' [fields]='fields' [locale]='en-US'></ejs-listbox> 

 

<ejs-listbox id='connected-list' [dataSource]='dataB' height='330px' [fields]='fields' [locale]='en-US'></ejs-listbox> 

 

TS 

import { L10n, setCulture } from '@syncfusion/ej2-base'; 

setCulture('en-US'); 

 

L10n.load({ 

    'en-US': { 

        'listbox': { 

            'noRecordsTemplate': "Your Custom Text", // provide your own text here 

        } 

    } 

}); 

 

For your convenience, we have prepared the sample based on our suggestion. Please find the sample in below link, 

 

https://stackblitz.com/edit/angular-evsdh6?file=main.ts 

 

Could you please check the above sample and get back to us, if you need any further assistance on this? 

 

Regards, 

Vinoth Kumar S 

[jose lara]

Thx Vinoth. This works as expected. 

[Narayanasamy Panneer Selvam]

Hi Jose, 

 

You are welcome. 

 

We're happy to hear that the reported issue is resolved at your end. 

 

Regards,  

Narayanasamy P.