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

Example of Customization in ASP.NET Core Message Control

This sample demonstrates the customization of the icon, content alignment, and appearance in the ASP.NET Core Message.

DEMO
SOURCE

Content Alignment

Custom Message with Icon

Essential JS 2 is a modern JavaScript UI Controls library built from the ground up to be lightweight, responsive, modular, and touch friendly. It is written in the TypeScript and has no external dependencies. It also includes complete support for Angular, React, Vue, ASP.NET MVC, and ASP.NET Core frameworks.

The Message control’s content can be aligned by adding predefined classes. By default, messages are aligned to the left. The other available alignments are center and right, achieved by adding, e-content-center and e-content-right.

The icon and appearance can be customized at the application level by using the cssClass property.

In this sample, the Message control’s predefined content is aligned based on the cssClass property. Also, this control is rendered with a custom severity icon and custom appearance.

More information about Message customization can be found in this Documentation section.

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