Customizing Appearance of Suggestions

28 Sep 20241 minute to read

The ShowSuggestionOnPopup property in Syncfusion Angular 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
<ejs-smarttextarea  id="smart-textarea" #textareaObj  placeholder="Enter your queries here" floatLabelType="Auto" rows="5" userRole="Employee communicating with internal team" [UserPhrases]="defaultPreset"
[aiSuggestionHandler]="serverAIRequest" showSuggestionOnPopup="Enable"></ejs-smarttextarea>

SUggestion on popup

  • If ShowSuggestionOnPopup is false, suggestions displayed inline.
<ejs-smarttextarea  id="smart-textarea" #textareaObj  placeholder="Enter your queries here" floatLabelType="Auto" rows="5" userRole="Employee communicating with internal team" [UserPhrases]="defaultPreset"
[aiSuggestionHandler]="serverAIRequest" showSuggestionOnPopup="Disable"></ejs-smarttextarea>

SUggestion inline

By default showSuggestionOnPopup is None.

See also