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

Example of Customization in ASP.NET MVC Message Control

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

DEMO
SOURCE

Content Alignment

Custom Message with Icon

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.