Example of Customization in Javascript Message Control


This sample demonstrates the customization of the icon, content alignment, and appearance in the JavaScript Message.

More Details...

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.