• Material 3
  • Bootstrap 5
  • Fluent 2
  • Tailwind CSS
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Adornments in ASP.NET Core TextArea Control

This example demonstrates the adornments enhance a textarea with prefix/suffix elements, icons, text, or buttons that provide context or quick actions. Flow and orientation can be configured for horizontal or vertical layouts.

DEMO
SOURCE
Flow Direction
Orientation Direction

This sample showcases TextArea adornments using prependTemplate and appendTemplate to add bold/italic (prefix) and save/delete (suffix) icons. A DropDownList allows you to switch adornmentFlow and adornmentOrientation between Horizontal and Vertical, and the layout updates dynamically via dataBind whenever the selected option changes.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab