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

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.