Customizing Appearance of Suggestions

7 May 20251 minute to read

The ShowSuggestionOnPopup property in Syncfusion® JavaScript Smart TextArea allows you to control how text suggestions are displayed to the users.

  • If ShowSuggestionOnPopup is Enable, suggestions displayed in the pop-up window
let textareaObj = new ej.inputs.SmartTextArea({
    placeholder: 'Enter your queries here',
    rows: 3,
    cols: 35,
    userRole: 'Employee communicating with internal team',
    aiSuggestionHandler: serverAIRequest,
    ShowSuggestionOnPopup: 'Enable'
});
textareaObj.appendTo('#smart-textarea');

Suggestion on popup

  • If ShowSuggestionOnPopup is false, suggestions displayed inline.
let textareaObj = new ej.inputs.SmartTextArea({
    placeholder: 'Enter your queries here',
    rows: 3,
    cols: 35,
    userRole: 'Employee communicating with internal team',
    aiSuggestionHandler: serverAIRequest,
    ShowSuggestionOnPopup: 'Disable'
});
textareaObj.appendTo('#smart-textarea');

Suggestion inline

By default showSuggestionOnPopup is None.

See also